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内 容 提要 


本 书 不 仅 要 教会 读者 如 何 使 用 Unity Shader， 更 重要 的 是 要 帮助 读 
者 学 习 Unity 中 的 一 些 泻 染 机 制 以 及 如 何 使 用 Unity Shader 实 现 各 种 目 
定义 的 演 染 效果 ， 硕 望 这 本 书 可 以 为 读者 打开 一 局 新 的 大 门 ， 让 读者 
离 制作 心目 中 优秀 游戏 的 心愿 更 近 一 步 。 


本 书 的 主要 内 容 为 : 第 1 章 讲解 了 学 习 Unity Shader 应 该 从 哪里 着 
手 ; 第 2 章 讲解 了 现代 GPU 是 如 何 实现 整个 演 染 流水 线 的 ， 这 对 理解 
Shader 的 工作 原理 有 着 非常 重要 的 作用 ; 第 3 章 讲解 Unity Shader 的 实 
现 原理 和 基本 语法 ; 第 4 章 学 习 Shader 所 需 的 数学 知识 ， 帮 助 读 者 克服 
学 习 Unity Shader 时 遇 到 的 数学 障碍 ; 第 5 章 通过 实现 一 个 简单 的 顶点 / 
片 元 着 色 属 案例， 讲解 常用 的 辅助 技巧 等 ， 第 6 章 学 习 如 何在 Shader 中 
实现 基本 的 光照 模型 ， 第 7 章 讲述 了 如 何在 Unity Shader 中 使 用 法 线 纹 
理 、 提 日 纹 理 等 基础 纹理 ， 第 8 章 学 习 如 何 实 现 透 明度 测试 和 透明 上 度 混 
合 等 透明 效果 ; 第 9 章 讲解 复杂 的 光照 实现 ， 第 10 章 讲解 在 Unity 
Shader 中 使 用 立方 体 纹 理 、 演 染 纹理 和 程序 纹理 等 高 级 纹理 ; 第 11 章 
学 习 用 Shader 实 现 纹理 动画 、 顶 点 动画 等 动态 效果 ; 第 12 章 讲解 了 屏 
幕后 处 理 歼 果 的 屏幕 特效 ; 第 13 章 使 用 深度 纹理 和 法 线 纹理 实现 更 多 
屏幕 特效 ;第 14 章 讲解 非 真 实感 泻 染 的 算法 ， 如 卡通 泻 染 、 素 摘 风 格 
的 泻 染 等 ， 第 15 草 讲解 噪声 在 游戏 渲染 中 的 应 用 ， 第 16 章 介绍 了 和 常见 
的 优化 技巧 ， 第 17 章 介绍 用 表面 着 色 器 实现 泻 染 ， 第 18 章 讲解 基于 物 
理 泻 染 的 技术 ; 第 19 章 讲解 在 升级 Unity 5 时 可 能 出 现 的 问题 ， 并 给 
解决 方法 ;第 20 章 介绍 许多 非常 有 价值 的 学 习 资 料 ， 以 帮助 读者 进行 
更 深入 的 学 习 。 


本 书 适合 Unity 初 学 者 、 游 戏 开 发 者 、 程 序 员 ， 也 可 以 作为 大 专 院 
校 相 关 专 业 师 生 的 学 习 用 书 ， 以 及 培训 学 校 的 培训 教材 。 


用 品 


2004 年 ， 有 3 位 年 轻 人 在 开发 他 们 的 第 一 和 游戏 失利 后 ， 决 定 在 丹 
老 首 都 哥本哈根 建立 一 家 游戏 引 警 公司。 最 初 ， 他 们 的 想法 是 要 让 全 
世界 的 开发 人 员 可 以 使 用 最 少 的 资源 来 创建 出 他 们 喜欢 的 游戏 。 谁 也 
不 曾 想 到 ， 十 年 以 后 ， 这 个 起 初 并 不 起 眼 的 公司 已 经 发 展 成 为 游戏 引 
擎 公司 巨头 ， 而 他 们 的 游戏 引擎 也 成 为 世界 上 应 用 最 广泛 的 游戏 引 
警 。 没 错 ， 这 个 公司 就 是 Unity Technologies， 这 3 位 年 轻 人 分 别 是 公司 
创始 人 David Helgason (CEO) 、Nicholas Francis (CCO) 和 Joachim 
Ante (CTO) 。 而 这 3 位 创始 人 的 初 袁 也 得 以 实现 ， 截 止 到 2014 年 ， 全 
世界 有 超过 300 多 万 的 开发 者 在 使 用 游戏 引擎 Unity 来 开发 游戏 ， 更 有 6 
亿 玩 家 在 玩 由 Unity3| 敬 制作 的 游戏 。 这 股 “Unity 热 "一直 持续 到 现在 。 


里 然 Unity 引 擎 上 手 快 ， 操 作 界 面 答 单 快捷 ， 但 许多 Unity 开 发 者 却 
发 现 ， 当 他 们 需要 在 Unity 中 实现 一 些 特殊 的 画面 效果 时 ， 往 往 无 从 下 
手 。 这 些 画 面 效果 的 实现 通常 和 泻 染 有 关 ， 更 具体 来 说 ， 我 们 通常 需 
要 在 Unity 中 编写 一 些 Unity Shader 文 件 来 实现 它们 。 一 方面 ， 对 泻 染 知 
识 的 缺乏 和 对 Shader 的 不 了 解 导 致 很 多 开发 者 在 这 条 路 上 举步维艰 ; 另 
一 方面 ， 对 游戏 画面 的 提升 是 越 来 越 多 游戏 公司 的 诉求 。 然 而 ，Unity 
官方 文档 中 不 仅 缺 少 对 演 染 原理 讲解 的 内 容 ， 对 Unity Shader 本 身 的 一 
些 工 作 机 制 (概括 来 说 ，Unity Shader 是 Shader 上 层 的 一 个 抽象 ) 同样 
缺少 相关 资料 。 同 时 ， 市 面 上 能 适应 初学 者 的 Unity Shader 书 少 之 又 
少 ， 基 于 这 些 原 因 ， 使 得 我 想 要 编写 这 样 一 本 书 来 帮助 开发 者 渡 过 困 


境 。 


本 书 旨 在 从 基础 开始 ， 大 助 谈 者 逐渐 了 解 并 掌握 如 何 编写 Unity 
Shader。 本 书 不 仅仅 是 要 教会 读者 “如 何 使 用 Unity Shader”， 更 重要 的 
是 要 帮助 读者 建立 对 演 染 流程 的 基本 认识 ， 在 此 基础 上 ， 帮 助 读者 学 
习 Unity 中 的 一 些 渲染 机 制 以 及 如 何 使 用 Unity Shader 实 现 各 种 目 定义 的 
演 染 效果 。 我 相信 ， 让 读者 首先 了 解 原理 再 进行 实践 ， 相 比 于 大 量 堆 
砌 代码 是 更 好 的 学 习 方 法 。 因 此 ， 本 书 在 开始 实践 前 ， 均 会 为 读者 讲 
解 大 量 的 原理 ， 让 读者 在 学 习 时 不 再 一 头 雾 水 。 


尽管 本 书 专 注 于 学 习 Unity Shader， 但 根据 我 的 学 习 经 难 来 看 ， 在 
不 了 解 基 础 的 泻 染 流程 和 基本 的 数学 知识 前 ， 想 要 深入 学 习 Shader 的 编 


写 是 非常 困难 的 。 实 际 上 ，Shader 仅 是 整个 演 染 流程 的 一 个 子 部 分 ， 因 
此 ， 任 何 脱离 泻 染 流程 的 对 Shader 的 讲解 可 能 会 让 读者 更 加 困惑 。 而 癌 
量 运算 、 和 矩阵 变换 等 数学 知识 在 Shader 的 编写 中 无 处 不 在 ， 因 此 ， 这 些 
数学 知识 往往 也 是 让 初学 者 对 Shader 望 而 却步 的 原因 。 基 于 上 面 的 两 点 
观察 ， 本 书 的 安排 从 易 到 难 ， 由 基础 到 深入 。 我 们 把 全 书 分 为 了 5 篇 ， 
读者 可 以 在 第 1 章 中 看 到 这 些 章节 的 具体 安排 。 


随 着 硬件 的 发 展 ，Shader 的 能 力也 越 来 越 大 。 如 有 果 问 你 ， 一 个 
Shader 可 以 做 什么 ?你 可 能 会 回答 渔 染 游戏 模型 、 模 拟 波动 的 海面 、 实 
现 各 种 屏幕 特效 等 。 但 如 果 人 告诉 你 ， 上 面 所 示 的 3 张 图 片 完全 依 徘 一 个 
片 元 着 色 右 来 渔 染 实现 ， 没 有 借助 任何 外 部 模型 和 纹理 ， 你 可 能 会 觉 
得 非常 不 可 思议 ! 读者 可 以 在 Shadertoy 网 站 上 看 到 许多 这 样 的 例子 。 


例如 ， 上 面 的 小 雨 使 、 五 彩 的 小 方块 ， 以 及 飘动 的 气球 (由 于 本 书 是 
黑白 印刷 ， 一 些 效 果 无 法 显现 ) 。 一 个 简 简单 单 的 Shader 可 以 做 到 什么 
程度 的 效果 ， 我 们 已 经 不 可 预期 。 本 书 的 重点 不 在 于 教 谈 者 如 何 单纯 
使 用 Shader 来 实现 上 面 的 效果 ， 而 在 于 如 何 让 Shader 和 其 他 游戏 开发 元 
素 (例如 ， 模 型 、 纹 理 、 脚 本 等 ) 相配 合 ， 实 现 游戏 中 常见 的 演 染 效 
果 ， 我 们 在 此 只 想 说 明 Shader 可 能 远 比 你 想象 的 要 强大 得 多 。 我 们 真诚 
地 希望 本 书 可 以 带领 读者 走 进 Shader 的 世界 ， 让 读者 理解 Shader、 掌 握 
Shader， 和 我 们 一 起 享受 这 样 一 个 奇妙 的 游戏 开发 世界 ! 


读 这 本 书 之 前 你 需要 哪些 知识 


本 书面 同 Unity Shader 初 学 者 和 程序 员 ， 尽 量 在 本 书 的 基础 篇 中 介 
绍 那些 必要 的 基础 知识 ， 但 仍然 希望 读者 可 以 具备 如 下 知识 。 


。 有 一 定 (或 少量 ) 的 编程 经 验 。 尽 管 Unity Shader 的 编写 语言 不 同 
于 C++、C# 这 种 高 级 语言 ， 但 相 比 于 完全 没有 编程 经 验 的 读者 来 
说 ， 学 习 过 这 些 高 级 语言 的 读者 更 加 容易 理解 Shader 的 代码 。 例 
如 ， 什 么 是 变量 、 什 么 是 函数 等 。 对 于 那些 缺少 编程 经 验 但 仍 对 
Shader 有 浓厚 兴趣 的 读者 ， 一 个 好 消息 是 ， 在 Unity 的 帮助 下 ， 编 
写 Unity Shader 的 代码 量 并 不 多 ， 因 此 ， 这 些 读者 仍然 可 以 阅读 本 
书 。 


对 Unity 引 警 的 操作 界面 比较 熟悉 。 假 定 读者 曾 使 用 过 一 段 时 间 的 
Unity， 对 其 中 的 一 些 基本 操作 已 经 掌握 。 例 如 ， 如 何 创 建 场景 、 
脚本 和 游戏 对 象 等 。 

保持 一 定 的 耐心 。 我 曾 听 到 里 边 的 一 些 朋友 抱怨 ， 为 什么 自己 总 
是 看 不 懂 、 学 不 会 Shader， 难 道 是 自己 学 习 能 力 有 问题 吗 ? 实际 
上 ， 这 些 朋 友 大 多 对 Shader 的 学 习 缺 乏 耐 心 ， 忌 是 抱 着 今天 看 一 
下 明天 就 会 的 心情 。 但 不 驻 的 是 ， 与 C++、C# 高 级 语言 相 比 来 
说 ， 整 算 我 们 成 功 编写 了 Shader 版 的 “Hello world”， 但 对 于 为 什么 
要 这 么 写 、 它 们 是 怎么 执行 的 等 一 系列 基础 问题 我 们 仍然 并 不 理 
解 。 这 正 是 我 之 前 提 到 的 ， 要 想 彻 底 理 解 Shader， 就 必须 了 解 整 
个 泻 染 流水 线 的 工作 方式 。 因 此 ， 保 持 耐 心 ， 打 好 基础 ， 是 每 一 
个 想 要 深入 学 习 Shader 的 开发 着 的 必 经 之 路 。 

有 一 定 的 数学 基础 ， 包 括 了 解 基本 的 代数 运算 (如 结合 律 、 交 换 
律 等 ) 、 三 角 运 算 (如 正弦 、 余 弦 计 算 等 ) 。 除 此 之 外 ， 如 果 读 
者 具有 大 学 水 平 的 线性 代数 、 微 积分 等 数学 知识 ， 会 发 现 阅 读本 
书 时 会 更 加 容易 。 为 了 帮助 读者 学 习 Shader 中 常见 的 数学 运算 ， 
我 们 专门 在 本 书 的 第 4 章 为 读 考 介绍 癌 量 、 和 矩阵 、 空 间 变 换 等 重要 


的 数学 内 容 。 


如 采 你 满足 上 面 几 点 小 小 的 条 件 ， 那 么 恭喜 你 ， 现 在 你 可 以 安心 
地 继续 阅读 本 书 了 ! 


谁 适合 读 这 本 书 


任何 想 要 了 人 解 渔 染 基础 或 想 要 上 自由 地 使 用 Unity Shader 编 写 渲染 效 
朱 的 开发 者 均 可 阅读 本 书 。 这 些 开发 者 不 仅 限于 进行 游戏 开发 的 程序 
， 也 包括 那些 汤 望 更 加 自由 地 在 Unity 中 实现 各 种 画面 效果 的 美工 人 
有 、 在 校 学 生 和 爱好 者 等 。 


洱 各 


为 什么 你 需要 这 本 书 


与 国内 市 场 已 有 的 介绍 相关 内 容 的 书籍 和 资料 相 比 来 说 ， 本 书 有 


一 些 独 有 的 特色 。 


内 容 独 特 。 本 书 填 补 了 Unity Shader 和 演 染 流水 线 之 间 的 知识 鸿 
沟 ， 帮 助 读者 打下 民 好 的 底层 基础 。 同 时 ， 我 们 也 会 对 Unity 中 一 
些 演 染 机 制 的 工作 原理 进行 详细 剖析 ， 帮 助 读 者 解决 “是 什么 ”为 
什么 “怎么 做 ”这 3 个 基本 问题 。 除 此 之 外 ， 本 书 配 合 大 量 实例 ， 
让 读者 在 实践 中 逐渐 掌握 Unity Shader 的 编写 。 

结构 连贯 。 由 于 网 络 上 关于 Unity Shader 的 资料 非常 零散 ， 许 多 初 
学 者 总 是 无 法 系统 地 进行 学 习 。 本 书 在 内 容 编 排 上 顾 费 心思 ， 从 
基础 到 进 阶 再 到 深入 的 讲解 ， 解 决 读者 长 期 以 来 的 学 习 烦 恼 。 
充分 面 癌 初 学 者 。 在 本 书 的 编写 过 程 中 ， 我 一 直 在 问 上 自己 ， 这 人 么 
写 到 的 读者 能 不 能 看 懂 ? 这 使 得 在 本 书 开 头 的 几 个 章节 中 ， 励 其 
是 在 基础 篇 和 初级 篇 中 的 章节 中 ， 我 们 的 学 习 步 调 放 得 很 慢 ， 这 
是 因为 我 非常 了 解 在 学 习 Shader 的 过 程 中 哪些 内 容 比 较 难 理解 ， 
哪些 内 容 非 常 容易 让 人 困惑 ， 而 这 些 内 容 正 是 挡 在 初学 者 面前 的 
拦路 虎 ! 为 此 ， 提 供 了 大 量 的 图 示 并 配合 文字 说 明 ， 且 在 一 些 草 
下 最 后 提供 了 “答疑 解 惑 ” 小 和 来 解释 那些 合 糊 不 清 而 初学 者 又 经 
党 疑问 的 问题 。 考 虑 到 数学 往往 是 让 初 学 者 望而却步 的 重要 因 
素 ， 我 们 在 第 4 章 数 学 一 章 中 特意 安排 了 “农场 游戏 ”这 一 背景 案 
例 ， 以 这 样 一 个 虚拟 的 场景 来 帮助 读者 理解 数学 在 泻 染 中 是 如 何 
发 挥 作用 的 。 

包含 了 Unity 5 在 泻 染 方面 的 新 内 容 。 例 如 ， 本 书 多 次 介绍 Unity 5 
中 的 新 工具 帧 调试 器 (Frame Debugger) ， 并 借助 该 工具 的 帮助 
来 理解 Unity 中 的 演 染 过 程 ; 第 18 章 中 介绍 了 Unity 5 的 基于 物理 的 
泻 染 (PBR) ， 我 们 较为 详细 地 前 析 了 PBR 的 实现 原理 ， 并 介绍 
了 如 何在 Unity 5 中 使 用 它们 来 实现 一 些 更 加 真实 的 演 染 效果 。 需 
要 注意 的 是 ， 在 本 书 编写 时 使 用 的 版 本 为 当时 的 最 新 版 本 Unity 
5.2.1 《免费 版 ) ， 但 本 书 出 版 时 Unity 可 能 会 发 布 更 新 的 版 本 ， 这 
可 能 会 造成 一 些 操 作 界面 与 本 书 内 容 有 所 冲突 。 例 如 ， 在 Unity 
5.3 中 ， 帧 调试 器 的 界面 更 加 丰富 ， 包 含 了 材质 属性 等 显示 信息 ， 


但 这 并 不 影响 阅读 ， 我 们 在 本 书 的 勘误 网 址 上 会 更 新 
(https://github.com/ candycat1992/Unity_Shaders_Book ) 。 
。 补充 了 大 量 延 伸 阅 读 资料 。 演 染 领 域 的 博大 精深 绝 不 是 一 本 书 可 
以 润 盖 的 ， 因 此 ， 在 本 书 一 些 章 市 的 最 后 ， 提 供 了 “扩展 阅读 ”小 
方 ， 让 那些 希望 更 加 深入 学 习 的 读者 可 以 在 提供 的 资料 中 找到 更 


多 的 学 习 内 容 。 


总 而 言 之 ， 我 布 望 你 可 以 从 这 本 书 中 学 到 许多 有 价值 的 内 容 ， 并 
能 够 译 受 这 个 过 程 。 相 信 我 ， 这 些 内 容 很 有 趣 。 


本 书 源 代码 


读者 可 以 在 开源 网 站 github (https://github.com/ 
candycat1992/Unity_Shaders_Book ) 上 下 载 本 书 的 源 代码 。 在 编写 本 
书 时 ， 我 们 使 用 的 是 当时 Unity 的 最 新 版 Unity 5.2.1 (人 免费 版 ，， 并 在 
Mac 10.9.5 平 台 和 Windows 8 平台 下 验证 了 代码 的 正确 性 。 本 书 源 代码 
We 


J 含 了 各 章 对 应 的 场景 ， 每 个 章节 对 应 一 个 子 文 件 夹 ， 例 如 第 7 章 
所 有 场景 所 在 的 子 文件 夹 为 Assets/Scenes/Chapter7。 每 个 场景 的 
RE 命名 方式 为 Scene 章 号 _ 小节 号 次 小 节 号 ， 例 如 7.2.3 节 对 应 的 场 
景 名 为 Scene_7_2_3。 如 果 同 一 个 小 节 包 含 了 多 个 场景 ， 那 么 会 使 
英文 字母 作为 后 级 依次 表示 ， 例 如 7.1. 2 节 和 包含 了 两 个 场景 
Scene 7 1 2 a 和 Scene 7 1 2 b 


包含 了 各 章 实现 的 Unity Shader 文 件 ， 每 个 章节 对 应 一 个 子 文件 

夹 ， 例 如 第 7 章 实现 的 所 有 Unity Shader 所 在 的 子 文 件 夹 为 

Assets/Shaders | Assets/Shaders/Chapter7。 每 个 Unity Shader 的 命名 方式 为 ChapterX- 
功能 ， 例 如 第 7 章 使 用 渐变 纹理 的 Unity Shader 名 为 Chapter7- 


RampTexture 


包含 了 各 章 对 应 的 材质 ， 每 个 章节 对 应 一 个 子 文件 来， 例如 第 7 章 
所 有 材质 所 在 的 子 文件 夹 为 Assets/ Scenes/Chapter7。 每 个 材质 的 

Assets/Mtaterials | 命名 方式 与 它 使 用 的 Unity Shader 名 称 相 匹配 ， 并 以 Mat 作 为 后 
缀 ， 例 如 使 用 名 为 Chapter7-RampTexture 的 Unity Shader 的 材质 名 
称 是 RampTextureMat 


Assets/Scrints | 包含 了 各 章 对 应 的 C# 脚 本 ， 每 个 章节 对 应 一 个 子 文件 夹 ， 例 如 第 
PS |5 章 所 有 脚本 所 在 的 子 文件 夹 为 Assets/Scripts/Chapter5 


Assets/Textures 的 纹理 贴图 ， 每 个 章节 对 应 一 个 子 文件 来 ， 例 如 
第 的 所 有 纹理 所 在 的 子 文件 夹 为 Assets/Textures/Chapter7 


除了 上 述 文件 夹 处 ， 源 代码 中 还 包 售 了 一 些 辅助 文件 夹 。 例 如， 
Assets/Editor 文 件 夹 中 包含 了 一 些 需 要 在 编辑 絮 状 态 下 运行 的 脚本 ， 
Assets/Prefabs 文 件 夹 下 包含 了 各 章 使 用 的 预 设 模型 和 其 他 常用 预 设 模 


pay 


读者 反馈 


尽管 我 们 在 本 书 的 编写 过 程 中 多 次 检查 内 容 的 正确 性 ， 但 书 中 难 
免 仍然 会 出 现 一 些 错误 ， 欢 迎 读者 批评 指正 。 读 者 可 以 将 问题 反映 到 
本 书 源 代码 所 在 的 github 讨 论 页 (https:// 
github.com/candycat1992/Unity_Shaders_Book/issues ) ， 此 网 址 也 是 本 
书 源 代码 下 载 地 址 ， 该 地 址 中 也 包括 本 书 示例 彩色 图 文档 。 也 可 以 发 
邮件 (lelefeng1992@gmail.com) 联系 作者 ， 本 书 答疑 QQ 群 为 
438103099 。 


编辑 联系 邮箱 为 zhangtao@Dptpress.com.cn 。 
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第 1 篇 ”基础 篇 


这 是 很 重要 的 一 篇 ， 尽 管 在 本 篇 中 我 们 没有 进行 真正 的 代码 编 
写 ， 但 本 篇 会 为 初学 者 普及 基本 的 理论 知识 以 及 必要 的 数学 基础 ， 为 
读者 顺利 步 入 Unity Shader 学 习 打 下 很 好 的 基础 。 


第 1 章 欢迎 来 到 Shader 的 世界 


欢迎 来 到 Shader 的 世界 ! 我 们 曾 不 断 听 到 周围 有 人 提出 类 似 的 问 
题 : “Shader 是 什么 ”我 应 该 看 哪些 书 才能 学 好 Shader”“ 学 习 Unity 
Shader， 我 应 该 从 哪里 着 手 ”。 我 希望 这 本 书 可 以 告诉 你 这 些 问 题 的 答 
案 。 让 你 离 制作 心目 中 优秀 游戏 的 心愿 更 近 一 步 。 


第 2 章 浑 染 流水 线 


这 一 章 讲解 了 现代 GPU 是 如 何 实现 整个 泻 染 流水 线 的 ， 这 些 内 容 
对 于 理解 Shader 的 工作 原理 有 着 非常 重要 的 作用 。 


第 3 章 Unity Shader 基 础 


这 一 章 将 讲解 Unity Shader 的 实现 原理 和 基本 语法 ， 同 时 也 将 为 读 
者 解答 一 些 冲 见 的 困惑 点 。 


第 4 章 学 习 Shader 所 需 的 数学 基础 


数学 回来 是 初学 者 面 对 的 一 大 学 习 障 碍 。 人 然而， 在 初级 阶段 的 演 
染 学 习 中 ， 我 们 需要 掌握 的 数学 理论 实际 上 并 不 复杂 。 这 一 章 将 为 读 
者 讲解 泻 染 过 程 中 常见 的 数学 知识 。 这 章 内 容 可 以 帮助 读者 理解 
Shader 中 的 数学 运算 ， 我 们 在 讲解 过 程 中 以 一 个 具体 的 例子 来 阐述 “一 
头 奶 牛 的 腊 子 是 如 何 一 步 步 被 绘制 到 屏幕 上 的 ”。 


第 1 章 ”欢迎 来 到 Shader 的 世界 


欢迎 来 到 Shader 的 世界 ! 我 们 曾 不 断 听 到 周围 有 人 提出 类 似 的 问 
题 : “Shader 是 什么 ”我 应 该 看 哪些 书 才能 学 好 Shader”“ 学 习 Unity 
Shader， 我 应 该 从 哪里 着 手 *”。 我 们 希望 这 本 书 可 以 告诉 你 这 些 问 题 的 
答案 。 如 有 果 本 书 是 你 学 习 Shader 的 第 一 本 书 ， 我 们 希望 这 本 书 可 以 为 
你 打开 一 司 新 的 大 门 ， 让 你 离 制作 心目 中 的 优秀 游戏 的 心愿 更 近 一 
步 ， 如果 不 是 ， 我 们 同样 希望 这 本 书 可 以 让 你 更 深入 地 理解 Shader 的 
方方面面 ， 在 学 习 Shader 的 过 程 中 更 上 一 层 楼 。 


1.1 程序 员 的 三 大 浪漫 


有 人 说 ， 程 序 员 的 三 大 浪漫 是 编译 原理 、 操 作 系 统 和 图 形 学 (是 
的 ， 我 已 经 听 到 很 多 人 在 反驳 这 句 话 了 ， 不 要 当真 啦 ) 。 不 管 你 是 否 
认同 这 人 句 话 ， 我 们 只 是 想 借 此 说 明 图 形 学 在 程序 员 心 目 中 的 地 位 。 正 
在 看 此 书 的 你 ， 想 必 多 多 少 少 都 对 图 形 学 或 者 渲染 有 一 定 兴趣 ， 也 许 
你 想 要 通过 此 书 来 学 习 如 何 实现 游戏 中 的 各 种 特效 ， 也 许 你 仅仅 是 好 
琳 那 些 绚丽 的 画面 十 如 何 产 生 的 。 我 们 古 程 序 员 中 的 “外 狐 协 会 "， 期 
每 看 用 代码 编写 出 一 个 绚丽 多 姿 的 世界 。 这 束 古 我 们 的 浪漫 。 


我 想 ， 读 者 大 概 都 经 历 过 这 样 的 场景 ， 当 你 在 游戏 里 看 到 那些 出 
色 的 画面 时 ， 你 很 好 奇 这 样 的 游戏 是 如 何 制作 出 来 的 ， 更 具体 的 是 ， 
这 样 的 泻 染 效果 是 如 何 得 到 的 。 于 是 你 搜索 后 发 现 ， 这 个 游戏 是 Unity 
引擎 开发 的 ， 更 巧 的 是 ，Unity 也 是 你 熟知 的 引擎 ! 于 是 你 继续 搜索 ， 
想 要 知道 如 何在 Unity 里 实现 这 样 的 效果 ， 最 后 ， 你 往往 会 得 到 “要 编 
写 目 己 的 Shader” 这 样 的 答案 。 总 算 有 了 一 些 头 绪 ， 你 继续 在 网 络 上 搜 
索 如 何 学 习 编 写 Shader。 于 是 你 看 到 了 很 多 文章 ， 这 些 文章 告诉 你 
Unity Shader 有 哪些 语法 ， 一 个 普通 的 漫 反 射 或 者 边 绿 高 光 的 效果 的 代 
码 是 什么 样子 的 。 然 后 ， 你 把 这 些 代码 粘贴 到 Unity 中 ， 保 存 后 运行 ， 
效果 出 现 了 ! 一 切 看 起 来 好 像 都 很 顺利 ， 可 是 ， 当 你 仔细 阅读 这 些 代 
码 时 ， 却 往往 没有 头绪 。 你 不 知道 为 什么 要 有 一 个 名 为 vert 和 frag 的 函 
数 ， 写 们 是 什么 时 候 调 用 的 ， 为 什么 vert 函 数 里 要 进行 一 些 矩 阵 运 
算 ， 这 些 矩 阵 是 用 来 做 什么 的 ， 为 什么 当 你 按照 C# 里 面 的 一 些 语法 编 
写 时 Shader 却 报错 了 。 这 些 疑 问 大 大 影响 了 你 学 习 Shader 的 信心 ， 你 
开始 觉得 这 是 一 个 比 学习 C# 难 许多 倍 的 事情 ， 怀 疑 目 己 是 不 是 还 不 具 
备 学 习 如 何 编写 Shader 的 基础 。 


如 果 上 面 的 情景 和 你 的 经 历 有 些 类 似 ， 那 么 相信 我 ， 有 很 多 人 和 
你 有 一 样 的 烦恼 。 事 实 上 ， 我 们 之 所 以 会 觉得 学 习 Shader 比 学 习 C 扩 广 
样 的 编程 语言 更 加 困难 ， 一 个 原因 是 因为 Shader 需 要 率 扯 到 整个 泻 染 
流程 。 当 学 习 C++、C#j 文 样 的 高 级 语言 时 ， 我 们 可 以 在 不 了 解 计算 机 
架构 的 情况 下 仍然 编写 出 实现 各 种 功能 的 代码 ， 这 样 的 高 级 语言 更 符 
合 人 类 的 思维 方式 。 然 而 ，Shader 并 不 是 这 样 的 。 我 们 之 所 以 要 学 习 
Shader， 十 想 要 学 习 如 何 把 物体 按照 目 己 的 意愿 演 染 到 屏幕 上 ， 但 


征 ，Shader 只 十 整 个 演 染 流程 中 的 一 个 子 部 分 。 虽 然 它 很 关键 ， 但 想 
要 学 习 它 ， 我 们 吏 需 要 了 解 整 个 演 染 流程 是 如 何 进行 的 。 和 C++ 这 样 
的 高 级 语言 不 同 ， 尽 管 Shader 的 编写 语言 已 经 达到 了 我 们 可 以 理解 的 
程度 ， 但 Shader 更 多 地 是 面向 GPU 的 工作 方式 ， 所 以 它 的 一 些 语法 对 
我 们 来 说 并 不 那么 直观 。 因 此 ， 任 何 一 篇 只 讲 语 法 、 不 讲 渔 染 框 染 的 
文章 都 无 法 解决 读者 的 困惑 。 

我 们 希望 通过 本 书 可 以 帮助 读者 建立 一 个 泻 梁 流程 的 整体 体系 ， 


这 些 基础 是 跨越 Shader 学 习 中 层 层 障碍 的 重要 因素 。 我 们 也 相信 ， 在 
学 习 完 本 书后 ， 读 者 可 以 目 行 回答 本 章 开 头 提 出 的 那些 问题 。 


1.2 ”本 书 结构 


我 们 在 编写 本 书 时 尽量 考虑 到 没有 演 染 基础 的 读者 们 。 因 此 ， 我 
们 把 整 书 分 成 了 五 大 篇 。 


e。 基础 篇 


古 很 重要 的 一 篇 ， 尺 管 在 本 篇 中 我 们 没有 进行 真正 的 代码 编 
写 ， 自贡 入 会 为 初学 和 及 基本 的 理论 知识 以 及 必要 的 数学 基础 。 
基础 篇 包括 了 以 下 3 个 章 廊 。 


第 2 章 ” 泻 染 流水 线 这 一 章 讲 解 了 现代 GPU 是 如 何 实现 整个 泻 染 
流水 线 的 ， 这 些 内 容 对 于 理解 Shader 的 工作 原理 有 着 非常 重要 的 作 
用 。 


第 3 章 “Unity Shader 基 础 Unity 在 原 有 的 泻 染 流程 上 进行 了 封 
装 ， 并 提供 给 开发 者 新 的 图 像 编 程 接口 一 Unity Shader。 这 一 章 将 讲解 
Unity Shader 的 实现 原理 和 基本 语法 ， 同 时 也 将 为 读者 解答 一 些 常见 的 


第 4 章 ”学 习 Shader 所 需 的 数学 基础 ”数学 向 来 是 初学 者 面 对 的 
一 大 学 习 障碍 。 然 而 ， 在 初级 阶段 的 泻 染 学 习 中 ， 我 们 需要 掌握 的 数 
学 理论 实际 并 不 复杂 。 本 章 将 为 读者 讲解 泻 染 过 程 中 常见 的 数学 知 
识 ， 如 天 量 、 矩 阵 运算 、 坐 标 空间 和 等。 本章 内 容 可 以 大 大 帮助 读者 理 
解 Shader 中 的 数学 运算 。 为 了 帮助 读者 加 深 理解 ， 我 们 在 讲解 过 程 中 
i sy 


。 初级 篇 


在 学 习 完 基础 篇 后 ， 我 们 就 正式 开始 了 Unity Shader 的 学 习 之 旅 。 
初级 篇 将 会 从 最 简单 的 Shader 开 始 ， 讲 解 Shader 中 基础 的 光照 模型 、 
纹理 透明 效果 等 初级 泻 染 效果 。 需 要 注意 的 是 ， 我 们 在 初级 篇 中 实 
现 的 Unity Shader 大 多 不 能 直接 用 于 真实 项 目 中 ， 因 为 它们 缺少 了 完整 
的 光照 计算 ， 例 如 阴影 、 光 照 豪 减 等 ， 仅 仅 是 为 了 兰 述 一 些 实现 原 


理 。 在 第 9 重 最 后 ， 我 们 会 给 出 包括 了 完整 光照 计算 的 Unity Shader 。 
初级 篇 包含 了 以 下 4 个 章节 。 


第 5 章 ”开始 Unity Shader 学 习 之 旅 ”本 章 将 实现 一 个 简单 的 顶 
点 /请 元 着 色 需 ， 并 详细 解释 其 中 每 个 步骤 的 原理 ， 这 需要 读者 对 之 前 
基础 篇 的 内 容 有 所 理解 。 本 章 还 会 给 出 关于 Unity Shader 的 一 些 常 用 的 
辅助 技巧 ， 例 如 如 何 调试 、 查 看 内 置 代 码 以 及 编写 规范 等 。 


第 6 章 Unity 中 的 基础 光照 ”本章 将 学 习 如 何在 Shader 中 实现 基 
本 的 光照 模型 ， 如 误 反射、 高光 反 射 等 。 我 们 首先 解释 如 何 从 无 到 有 
实现 一 个 光照 模型 ， 最 后 给 出 使 用 Unity 提 供 的 内 置 函 数 来 实现 的 版 
本 o 


第 7 章 ”基础 纹理 纹理 的 使 用 给 泻 染 的 世界 带 来 了 更 多 的 变化 。 
这 一 章 将 会 讲述 如 何在 Unity Shader 中 使 用 法 线 纹理 、 遮 置 纹理 等 基础 
纹理 。 


第 8 章 ”透明 效果 ”透明 是 游戏 中 常用 的 泻 染 效果 。 这 一 章 首 先 
介绍 了 渲染 的 实现 原理 ， 并 给 出 了 和 Unity 的 渔 染 顺序 相关 的 重要 内 
容 。 在 了 解 了 这 些 内 容 的 基础 上 ， 我 们 将 学 习 如 何 实现 透明 度 测 试 和 
透明 度 混 合 等 透明 效果 。 


。 中 级 篇 


中 级 篇 是 本 书 的 进 阶 篇 章 ， 主 要 讲解 Unity 中 的 泻 染 路 径 、 如 何 计 
算 光 照 衰减 和 阴影 、 如 何 使 用 高 级 纹理 和 动画 等 一 系列 进 阶 内 容 。 中 
级 篇 包含 了 以 下 3 个 章节 。 


第 9 章 更 复杂 的 光照 我 们 在 初级 篇 中 实现 的 光照 模型 没有 考虑 
一 些 重要 的 光照 计算 ， 如 阴影 和 光照 豪 减 。 本 章 首 先 讲解 Unity 中 的 3 
种 泻 染 路 径 和 3 种 重要 的 光源 类 型 ， 再 解释 如 何在 前 问 泻 染 路 径 中 实现 
包含 了 光照 腾 减 、 阴 影 等 效果 的 完整 的 光照 计算 。 在 本 章 最 后 ， 我 们 
会 给 出 基于 之 前 学 习 内 容 实 现 的 包含 了 完整 光照 计算 的 Unity Shader 。 


第 10 章 ”高 级 纹理 ”这 一 章 将 会 讲解 如 何在 Unity Shader 中 使 用 
立方 体 纹理 、 演 染 纹理 和 程序 纹理 等 高 级 纹理 。 


第 11 章 ”让 画面 动 起 来 静态 的 画面 往往 是 无 趣 的 。 这 一 章 将 帮助 
读者 学 习 如 何在 Shader 中 使 用 时 间 变 量 来 实现 纹理 动画 、 顶 点 动画 等 
动态 效果 。 

e 高 级 篇 

高 级 篇 洱 盖 了 一 些 Shader 的 高 级 用 法 ， 例 如 如 何 实现 屏 幕 特效 、 
利用 法 线 和 深度 缓冲 以 及 非 真 实感 泻 染 和 等， 同时， 我 们 还 会 介绍 一 些 
针对 移动 平台 的 优化 技巧 。 高 级 篇 的 结构 如 下 。 

第 12 章 ”屏幕 后 处 理 效 果 屏幕 特效 是 游戏 中 常用 的 泻 染 手法 之 
一 。 这 一 章 将 介绍 如 何在 Unity 中 实现 一 个 基本 的 屏幕 后 处 理 脚本 系 
统 ， 并 给 出 一 些 基 本 的 屏幕 特效 的 实现 原理 ， 如 高 斯 模糊 、 边 缘 检 测 


第 13 章 ”使 用 深度 和 法 线 纹理 ”使 用 深度 和 法 线 纹理 可 以 帮助 我 
们 实现 很 多 屏 贿 特效 。 本 章 将 介绍 如 何在 Unity 中 获取 这 些 特殊 的 纹理 
来 实现 屏幕 特效 。 


第 14 章 ” 非 真实 感 演 染 很 多 游戏 使 用 了 非 真实 感 泻 染 的 方法 来 泻 
染 游 戏 画 面 。 这 一 章 将 会 给 出 常见 的 非 真实 感 演 染 的 算法 ， 如 卡通 泻 
染 、 素 描 风 格 的 演 染 等 。 本 章 的 扩展 阅读 部 分 可 以 帮助 读者 找到 更 多 
其 他 类 型 的 非 真实 感 泻 染 的 实现 方法 。 


第 15 章 使 用 噪声 ”很 多 时 候 噪声 是 我 们 的 救星 。 本 章 给 出 了 噪 
声 在 游戏 泻 染 中 的 一 些 应 用 。 


第 16 章 ”Unity 中 的 演 染 优化 技术 ”优化 往往 是 游戏 泻 染 中 的 重 
点 。 这 一 章 介 绍 了 Unity 中 针对 移动 平台 使 用 的 常见 的 优化 技巧 。 


。 扩展 篇 
扩展 篇 是 在 进一步 扩展 读者 的 视野 。 本 篇 将 会 介绍 Unity 的 表面 着 


色 器 的 实现 机 制 ， 并 介绍 基于 物理 的 泻 梁 的 相关 内 容 。 最 后 ， 我 们 给 
出 了 更 多 的 关于 学 习 渔 染 的 资料 。 扩 展 篇 包含 了 以 下 4 个 章 订 。 


第 17 章 ”Unity 的 表面 着 色 器 探秘 Unity 提 出 了 一 种 新 颖 的 Shader 
形式 一 表面 着 色 器 。 本 章 将 会 介绍 这 些 表 面 着 色 器 是 如 何 实现 的 ， 以 
及 如 何 使 用 这 些 表面 着 色 器 来 实现 演 染 。 


第 18 章 ”基于 物理 的 演 染 ”Unity 5 终于 引入 了 基于 物理 的 泻 染 ， 
这 给 Unity 引 擎 带 来 了 更 强 的 泻 染 能 力 。 这 一 章 将 介绍 基于 物理 泻 染 的 
理论 基础 ， 并 解释 Unity 是 如 何 实现 基于 物理 的 浑 染 的 。 我 们 还 会 在 本 
章 实现 一 个 基本 的 场景 来 进一步 阐述 如 何在 Unity 5 中 利用 基于 物理 的 


党 染 。 


第 19 章 Unity 5 更 新 了 什么 。 相 较 于 Unity 4.x，Unity 5 在 Shader 
方面 有 很 多 重要 的 更 新 。 本 章 将 给 出 Unity 5 中 一 些 重要 的 更 狐 ， 以 帮 
助 读 者 解决 在 升级 Unity 5 时 所 面 对 的 各 种 问题 。 

第 20 章 ”还 有 更 多 内 容 吗 ”图 形 学 的 丰富 多 彩 远 远 超 乎 我 们 的 想 
象 ， 我 们 相信 一 本 书 也 远 远 无 法 满足 一 些 读 者 强烈 的 求知 欲 。 在 最 后 
人 
深入 的 学 习 。 


那么 ， 你 准备 好 了 吗 ? 和 我 们 一 起 进入 Shader 的 世界 吧 ! 


第 2 章 ” 泻 染 流水 线 


在 开始 一 切 学 习 之 前 ， 我 们 有 必要 了 解 什么 是 Shader， 即 着 色 
。 与 之 关系 非 常 紧 密 的 藉 是 演 染 流水 线 。 可 以 说 ， 如 果 你 没有 了 解 
过 注 宣 染 流水 线 的 工作 流程 ， 就 永远 无 法 说 目 己 对 Shader 已 经 入 门 。 


渲染 流水 线 的 最 终 目 的 在 于 生成 或 者 说 是 泻 染 一 张 二 维 纹理 ， 即 
我 们 在 电脑 屏幕 上 看 到 的 所 有 效果 。 它 的 输入 是 一 个 虚拟 摄像 机 、 一 
些 光 源 、 一 些 Shader 以 及 纹理 等 。 


本 章 将 会 给 出 浑 染 流水 线 的 概 咒 ， 同 时 会 尽量 避免 数学 上 的 计 
算 ， 而 仅仅 提供 一 些 全 局 上 的 描述 。 本 书 给 出 的 流水 线 不 仅 适 用 于 
Unity 平 台 ， 如 末 读 者 想 要 深入 了 解 并 学 习 着 色 右 的话， 会 发 现下 面 的 
内 容 同样 是 非常 重要 和 有 价值 的 。 


2.1 综述 


要 学 会 怎么 使 用 Shader， 我 们 首先 要 了 解 Shader 是 怎么 工作 的 。 实 
际 上 ，Shader 仪 仅 古 泻 染 流水 线 中 的 一 个 环 广 ， 想 要 让 我 们 的 Shader 发 
挥 出 它 的 作用 ， 我 们 就 需要 知道 它 在 渲染 流水 线 中 扮演 了 怎样 的 角 
色 。 而 本 会 给 出 简化 后 的 演 染 流水 线 的 工作 流程 。 


2.1.1 什么 是 流水 线 


我 们 先 来 看 一 下 真实 生活 中 的 流水 线 是 什么 。 在 工业 上 ， 流 水 线 
家 广泛 应 用 在 竣 配 线 上 。 


我 们 来 举 一 个 例子 。 假 设 ， 老 王 有 一 个 生产 洋娃娃 的 工厂 ， 一 个 
洋娃娃 的 生产 流程 可 以 分 为 4 个 步骤 : 第 1 步 ， 制 作 详 娃娃 的 驱 干 ， 第 2 
步 ， 缝 上 眼睛 和 路 巴 ;， 第 3 步 ， 添 加 头发 ;第 4 步 ， 给 洋娃娃 进行 最 后 
的 产品 包 闭 。 


在 流水 线 出 现 之 前 ， 只 有 在 每 个 详 娃 娃 完 成 了 所 有 这 4 个 工序 后 才 
能 开始 制作 下 一 个 洋娃娃 。 如 果 说 每 个 步骤 需要 的 时 间 是 1 小 时 的 话 ， 
那么 每 4 个 小 时 才能 生产 一 个 详 娃娃 。 


但 后 来 人 们 发 现 了 一 个 更 加 有 效 的 方法 ， 即 使 用 流水 线 。 老 王 把 
流水 线 引 入 工厂 之 后 ， 工 三 发 生 了 很 大 的 变化 。 虽 然 制作 一 个 详 娃娃 
仍然 需要 4 个 步骤 ， 但 不 需要 从 头 到 尾 完 成 全 部 步骤 ， 而 是 每 个 步 又 由 
专人 来 完成 ， 所 有 步 又 并 行进 行 。 也 就 是 说 ， 当 工序 1 完成 了 制作 由 干 
的 任务 并 把 其 交 给 工序 2 时 ， 工 序 1 又 开始 进行 下 一 个 洋娃娃 的 制作 
了 。 

使 用 流水 线 的 好 处 在 于 可 以 提高 单位 时 间 的 生产 量 。 在 洋娃娃 的 


例子 中 ， 使 用 了 流水 线 拉 术 后 每 1 个 小 时 束 可 以 生产 一 个 洋娃娃 。 网 2.1 
显示 了 使 用 流水 线 前 后 生产 效率 的 变化 。 


可 以 发 现 ， 流 水 线 系统 中 决定 最 后 生产 速度 的 是 最 慢 的 工序 所 需 
的 时 间 。 例 如 ， 如 果 生 产 洋 娃娃 的 第 二 道 工序 需要 的 是 两 个 小 时 ， 其 


他 工序 仍然 需要 1 个 小 时 的 话 ， 那 么 平均 每 两 个 小 时 才能 生产 出 一 个 洋 
娃娃 。 即 工序 2 是 性 能 的 瓶颈 (bottleneck) 


理想 情况 下 ， 如 果 把 一 个 非 流水 线 系统 分 成 n 个 流水 线 阶 段 ， 且 每 
个 阶段 耗费 时 间 相 同 的话 ， 会 使 整个 系统 得 到 n 倍 的 速度 提升 。 


没有 使 用 流水 线 使 用 流水 线 
工序 2 工序 3 


和 图 2.1 真实 生活 中 的 流水 线 
2.1.2 什么 是 演 染 流水 线 


上 面 的 关于 流水 线 的 概念 同样 适用 于 计算 机 的 图 像 演 当中。 演 染 
流水 线 的 工作 任务 在 于 由 一 个 三 维 场景 出 发 、 生 成 (或 者 说 泻 染 ) 一 
张 二 维 图 像 。 换 名 话说， 计算 机 需要 从 一 系列 的 顶点 数据 、 纹 理 等 信 
奶 出 发 ， 把 这 些 信 息 最 终 转 换 成 一 张 人 眼 可 以 看 到 的 图 像 。 而 这 个 工 
作 通 常 是 由 CPU 和 GPU 共同 完成 的 。 


《Render-Time Rendering, Third Edition》 叫 一 书 中 将 一 个 泻 染 流程 
分 成 3 个 阶段 ， 应 用 阶段 (Application Stage) 、 几 何 阶段 《Geometry 


Stage) 、 光 栅 化 阶段 (Rasterizer Stage) 


注意 ， 这 里 仅仅 是 概念 性 阶段 ， 每 个 阶段 本 和 映 通 第 也 是 一 个 流水 
线 系 统 ， 即 包含 了 子 流水 线 阶 段 。 图 2.2 显 示 了 3 个 概念 阶段 之 间 的 联 


sa 
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4 图 2.2 演 染 流水 线 中 的 3 个 概念 阶段 


1 


。 应 用 阶段 


从 名 字 我 们 可 以 看 出 ， 这 个 阶段 是 由 我 们 的 应 用 主导 的 ， 因 此 通 
. 9 责 实 现 。 换 句 话说 ， 我 们 这 些 开 发 痢 具 有 这 个 阶段 的 绝对 
至 制 权 。 


在 这 一 阶段 中 ， 开 发 者 有 3 个 主要 任务 ， 首先 ， 我 们 需要 准备 好 场 
景 数据 ， 例 如 摄像 机 的 位 置 、 视 锥 体 、 场 景 中 包含 了 哪些 模型 、 使 用 
了 哪些 光源 等 等 ， 其 次 ， 为 了 提高 泻 染 性 能 ， 我 们 往往 需要 做 一 个 粗 
粒度 剔除 \culling) 工作 ， 以 把 那些 不 可 见 的 物体 剔除 出 去 ， 这 样 就 不 
需要 再 移交 给 几何 阶段 进行 处 理 ; 最 后 ， 我 们 需要 设置 好 每 个 模型 的 
泻 染 状态 。 这 些 泻 染 状态 包括 但 不 限于 它 使 用 的 材质 〈 漫 反射 颜色 、 
高 光 反 射 颜色 ) 、 使 用 的 纹理 、 使 用 的 Shader 等 。 这 一 阶段 最 重要 的 输 
出 是 演 染 所 需 的 几何 信息 ， 即 泻 染 图 元 (rendering primitives) 。 通 
俗 来 讲 ， 演 染 图 元 可 以 是 点 、 线 、 三 角 面 等 。 这 些 演 染 图 元 将 会 被 传 
递 给 下 一 个 阶段 一 -几何 阶段 。 


由 于 是 由 开发 者 主导 这 一 阶段 ， 因 此 应 用 阶段 的 流水 线 化 是 由 开 
发 者 决定 的 。 这 不 在 本 书 的 范畴 内 ， 有 兴趣 的 读者 可 以 参考 本 章 的 扩 


展 阅 读 部 分 
e 几何 阶段 


几何 阶段 用 于 处 理 所 有 和 我 们 要 绘制 的 几何 相关 的 事情 。 例 如 ， 
决定 需要 绘制 的 图 元 是 什么 ， 怎 样 绘制 它们 ， 在 哪里 绘制 它们 。 这 一 
阶段 通常 在 GPU 上 进行 。 


几何 阶段 负责 和 每 个 渲染 图 元 打交道 ， 进 行 未 顶点 、 逐 多 边 形 的 
操作 。 这 个 阶段 可 以 进一步 分 成 更 小 的 流水 线 阶段 ， 这 在 下 一 章 中 会 
讲 到 。 几 何 阶段 的 一 个 重要 任务 殊 是 把 顶点 坐标 变换 到 屏幕 空间 中 ， 
再 交 给 光栅 紫 进 行 处 理 。 通 过 对 输入 的 泻 染 图 元 进行 多 步 处 理 后 ， 这 
一 阶段 将 会 输出 屏幕 空间 的 二 维 顶点 坐标 、 每 个 顶点 对 应 的 深度 值 、 
着 色 等 相关 信息 ， 并 传递 给 下 一 个 阶段 。 


。 光栅 化 阶段 


一 阶段 将 | 上 的 像素 ， 并 
这 最 托 风 办- 一 阶段 也 是 在 GPU 上 运行 。 光 栅 化 的 任务 主要 
征 决 定 每 个 ; 染 图 元 中 的 哪些 像素 应 该 给 制 在 屏 萌 上 4 它 需 要 对 上 
一 个 阶段 得 到 的 逐 质 点 数据 【例如 纹理 坐标 、 顶点 颜色 等 ) 进行 插 
值 ， 然 后 再 进行 逐 像 素 处 理 。 


和 上 一 个 阶段 类 似 ， 光 概 化 阶段 也 可 以 分 成 更 小 的 流水 线 阶 段 。 
提示 


读者 需要 把 上 面 的 3 个 流水 线 阶段 和 我 们 将 : 讲 到 的 GPU 流水 线 阶段 区 分 开 来 。 这 里 的 流水 线 
均 是 概念 流水 线 ， 是 我 们 为 了 给 一 个 泻 染 流程 进行 基本 的 功能 划分 而 提出 来 的 。 下 面 要 介绍 
的 GPU 流 水 线 ， 则 是 硬件 真正 用 于 实现 上 述 概念 的 流水 线 。 


2.2 ”CPU 和 GPU 之 间 的 通信 

演 染 流水 线 的 起 点 是 CPU， 即 应 用 阶段 。 应 用 阶段 大 致 可 分 为 下 
面 3 个 阶段 : 

(1) 把 数据 加 载 到 显存 中 。 

(2) 设置 演 染 状态 。 

(3) 调用 Draw Call (在 本 章 的 最 后 我 们 还 会 继续 讨论 它 ) 。 
2.2.1 ”把 数据 加 载 到 显存 中 


所 有 泻 染 所 需 的 数据 都 需要 从 硬盘 (Hard Disk Drive，HDD) 中 加 
载 到 系统 内 存 (Random Access Memory，RAM) 中 。 然 后 ， 网 格 和 纹 
理 等 数据 又 被 加 载 到 显卡 上 的 存储 空间 一 一 显存 (Video Random 
Access Memory，VRAM) 中 。 这 是 因为 ,显卡 对 于 显存 的 访问 速度 更 
快 ， 而 且 大 多 数 显卡 对 于 RAM 没 有 直接 的 访问 权利 。 图 2.3 所 示 给 出 了 
这 村 一 个 例 了 于 


和 图 2.3 浑 染 所 需 的 数据 (两 张 纹理 以 及 3 个 网 格 ) 从 硬盘 最 终 加 载 到 显存 中 。 在 演 染 时 ， 
GPU 可 以 快速 访问 这 些 数据 


需要 注意 的 是 ， 真 实 演 染 中 需要 加 载 到 显存 中 的 数据 往往 比 图 1.3 
所 示 复 杂 许 多 。 例 如 ， 顶 总 的 位 置信 息 、 法 线 方向 、 顶 总 颜色 、 纹 理 
坐标 等 。 


当 把 数据 加 载 到 显存 中 后 ，RAM 中 的 数据 就 可 以 移 除 了 。 但 对 于 
一 些 数据 来 说 ，CPU 仍 然 需要 访问 它们 (例如 ， 我 们 希望 CPU 可 以 访 
问 网 格 数据 来 进行 碰撞 检测 ) ， 那 么 我 们 可 能 就 不 希望 这 些 数 据 被 移 
除 ， 因 为 从 硬盘 加 载 到 RAM 的 过 程 是 十 分 耗 时 的 。 


在 这 之 后 ， 开 发 者 还 需要 通过 CPU 来 设置 泻 染 状态 ， 从 而 “ 指 
导 ?GPU 如 何 进行 演 染 工作 。 


2.2.2 ”设置 泻 染 状态 


什么 是 泻 染 状 态 呢 ?一 个 通俗 的 解释 就 是 ， 这 些 状 态 定 义 了 场景 
中 的 网 格 是 怎样 被 泻 染 的。 例如 ， 使 用 哪个 顶点 着 色 器 (Vertex 
Shader) / 片 元 着 色 器 (Fragment Shader) 、 光 源 属性 、 材 质 等 。 如 果 
我 们 没有 更 改 泻 染 状 态 ， 那 么 所 有 的 网 格 都 将 使 用 同一 种 泻 染 状 态 。 
图 2.4 显 示 了 当 使 用 同一 种 渲染 状态 时 ， 泻 染 3 个 不 同 网 格 的 结果 。 


使 用 这 张 纹理 
使 用 这 个 片 元 着 色 器 


图 2.4 ”在 同一 状态 下 演 染 3 个 网 格 。 由 于 没有 更 改 泻 染 状态 ， 因 此 3 个 网 格 的 外 观看 起 来 像 
是 同一 种 材质 的 物体 


p> 


在 准备 好 上 述 所 有 工作 后 ，CPU 束 需要 调用 一 个 泻 染 命令 来 告诉 
GPU: “ 嘿 ! 老兄 ， 我 都 帮 你 把 数据 准备 好 啦 ， 你 可 以 按照 我 的 设置 来 


开始 泻 染 啦 ! ”而 这 个 泻 染 命令 就 是 Draw Call 。 
2.2.3 ”调用 Draw Call 


相信 接触 过 演 染 优化 的 读者 应 该 都 听 说 过 Draw Call 。 0 
Draw Call 就 是 一 个 命令 ， 它 的 发 起 方 是 CPU， 接 收 方 是 GPU“。 这 个 命 
令 仅 仅 会 指 站 一 个 需要 被 泻 染 的 图 元 (primitives) 列表 ， 而 不 会 会 再 包 
含 任何 材质 信息 一 一 这 是 因为 我 们 已 经 在 上 一 个 阶段 中 完成 了 ! 图 2.5 
形象 化 地 阐释 了 这 个 过 程 。 


当 给 定 了 一 个 Draw Call 时 ，GPU 就 会 根据 浑 染 状态 (例如 材质 、 
纹理 、 着 色 器 等 ) 和 所 有 输入 的 顶点 数据 来 进行 计算 ， 最 终 输 出 成 屏 
幕 上 显示 的 那些 漂亮 的 像素 。 而 这 个 计算 过 程 ， 就 是 我 们 下 一 节 要 讲 
的 GPU 流水 线 。 


咀 !GPU, 泻 
这 个 ! 


> 


图 2.5 CPU 通过 调用 Draw Call 来 告诉 GPU 开 始 进行 一 个 泻 染 过 程 。 一 个 Draw Call 会 指向 本 
次 调用 需要 渲染 的 图 元 列表 


2.3 “GPU 流水 线 


当 GPU 从 CPU 那里 得 到 浑 染 命令 后 ， 就 会 进行 一 系列 流水 线 操 
作 ， 最 终 把 图 元 泻 染 到 屏幕 上 。 


2.3.1 概述 


在 上 一 节 中 ， 我 们 解释 了 在 应 用 阶段 ，CPU 是 如 何 和 GPU 通 信 ， 
并 通过 调用 Draw Call 来 命令 GPU 进 行 泻 染 。GPU 泻 染 的 过 程 束 是 GPU 
流水 线 。 


对 于 概念 阶段 的 后 两 个 阶段 ， 即 几何 阶段 和 光栅 化 阶段 ， 开 发 者 
无 法 拥有 绝对 的 控制 权 ， 其 实现 的 载体 是 GPU。GPU 通 过 实现 流水 线 
化 ， 大 大 加 快 了 泻 染 速 度 。 虽 然 我 们 无 法 完全 控制 这 两 个 阶段 的 实现 
细 方 ， 但 GPU 癌 开发 者 开放 了 很 多 控制 权 。 在 这 一 方 中 ， 我 们 将 具体 
了 解 GPU 是 如 何 实现 这 两 个 概念 阶段 的 。 


几何 阶段 和 光 权 化 阶段 可 以 分 成 才干 更 小 的 流水 线 阶 段 ， 这 些 流 
水 线 阶段 由 GPU 来 实现 ， 每 个 阶段 GPU 拓 供 了 不 同 的 可 配置 性 或 可 编 
程 性 。 图 2.6 中 展示 了 不 同 的 流水 线 阶段 以 及 它们 的 可 配置 性 或 可 编程 
性 。 


[Ee 


A 图 2.6 ”GPU 的 泻 染 流水 线 实现 。 颜 色 表 示 了 不 同 阶 段 的 可 配置 性 或 可 编程 性 ， 绿色 表示 该 
流水 线 阶段 是 完全 可 编程 控制 的 ， 黄 色 表 示 该 流水 线 阶段 可 以 配置 但 不 是 可 编程 的 ， 蓝 色 表 示 


该 流水 线 阶段 是 由 GPU 固定 实现 的 ， 开 发 者 没有 任何 控制 权 。 实 线 表示 该 Shader 必 须 由 开发 才 
编程 实现 ， 虚 线 表示 该 Shader 是 可 选 的 


从 图 中 可 以 看 出 ，GPU 的 泻 染 流水 线 接收 顶点 数据 作为 输入 。 这 
些 顶 点 数据 是 由 应 用 阶段 加 载 到 显存 中 ， 再 由 Draw Call 指 定 的 。 这 些 
数据 随后 被 传递 给 顶点 着 色 丹 。 


顶点 着 色 器 (Vertex Shader) 是 完全 可 编程 的 ， 它 通常 用 于 实现 
顶点 的 空间 变换 、 顶 点 着 色 等 功能 。 曲 面 细 分 着 色 器 (Tessellation 
Shader) 是 一 个 可 选 的 着 色 器 ， 它 用 于 细 分 图 元 。 几 何 着 色 器 

(Geometry Shader) 同样 是 一 个 可 选 的 着 色 器 ， 它 可 以 被 用 于 执行 逐 

图 元 (Per-Primitive) 的 着 色 操 作 ， 或 者 被 用 于 产生 更 多 的 图 元 。 下 一 
个 流水 线 阶段 是 裁剪 (Clipping) ” ， 这 一 阶段 的 目的 是 将 那些 不 在 摄 
像 机 视野 内 的 顶点 裁剪 掉 ， 并 剔除 某 些 三 角 图 元 的 面 片 。 这 个 阶段 是 
可 配置 的 。 例 如 ， 我 们 可 以 使 用 目 定 义 的 裁剪 平面 来 配置 裁剪 区 域 ， 
也 可 以 通过 指令 控制 裁剪 三 角 图 元 的 正面 还 是 背面 。 几 何 概念 阶段 的 
最 后 一 个 流水 线 阶 段 是 屏幕 映射 (Screen Mapping) 。 这 一 阶段 是 不 
可 配置 和 编程 的 ， 它 负责 把 每 个 图 元 的 坐标 转换 到 屏幕 坐标 系 中 。 


光栅 化 概念 阶段 中 的 三 角形 设置 《Triangle Setup) 和 三 角形 凯 历 
(Triangle Traversal) 阶段 也 都 是 固定 画 数 (Fixed-Function) 的 阶 
段 。 接 下 来 的 片 元 着 色 器 (Fragment Shader) ， 则 是 完全 可 编程 的 ， 

它 用 于 实现 逐 片 元 (Per-Fragment) 的 着 色 操 作 。 最 后 ， 逐 片 元 操作 
(Per-Fragment Operations) 阶段 负责 执行 很 多 重要 的 操作 ， 例 如 修 

、 深度 缓冲 、 进 行 混合 等 ， 它 不 是 可 编程 的 ， 但 具有 很 高 的 可 
a 署 性 。 


接 下 来 ， 我 们 会 对 其 中 主要 的 流水 线 阶段 进行 更 加 详细 的 解释 。 
2.3.2 ”顶点 着 色 器 


顶点 着 色 器 (Vertex Shader) 是 流水 线 的 第 一 个 阶段 ， 它 的 输入 
来 目 于 CPU。 顶 点 着 色 龙 的 处 理 单 位 是 顶点 ， 也 束 是 说 ， 和 输入 进来 的 
每 个 顶点 都 会 调用 一 次 顶点 着 色 器 。 顶 点 着 色 器 本 上身 不 可 以 创建 或 才 
销毁 任何 顶点 ， 而 且 无 法 得 到 顶点 与 顶点 之 间 的 关系。 例如 ， 我 们 无 
法 得 知 两 个 顶点 是 否 属于 同一 个 三 角 网 格 。 但 正 是 因为 这 样 的 相互 独 


立 性 ，GPU 可 以 利用 本 身 的 特性 并 行 化 处 理 每 一 个 顶点 ， 这 意味 着 这 
一 阶段 的 处 理 速度 会 很 快 。 


顶点 着 色 器 需要 完成 的 工作 主要 有 : 坐标 变换 和 逐 顶 点 光照 。 当 
然 ， 除 了 这 两 个 主要 任务 外 ， 顶 点 着 色 器 还 可 以 输出 后 续 阶段 所 需 的 
数据 。 图 2.7 展 示 了 在 顶点 着 色 髓 中 对 顶点 位 置 进行 坐标 变换 并 计算 顶 
点 颜色 的 过 程 。 


4 图 2.7 ”GPU 在 每 个 输入 的 网 格 顶 点 上 都 会 调用 顶点 着 色 人 器。 顶点 着 色 需 必须 进行 顶点 的 坐 
标 变换 ， 需 要 时 还 可 以 计算 和 输出 顶点 的 颜色 。 例 如 ， 我 们 可 能 需要 进行 逐 顶 点 的 光照 


。 坐标 变换 。 顾名思义 ， 就 是 对 顶点 的 坐标 《即位 置 ) 进行 某 种 
变换 。 顶 点 着 色 句 可 以 在 这 一 步 中 改变 顶点 的 位 置 ， 这 在 顶点 动画 中 
是 非常 有 用 的 。 例 如 ， 我 们 可 以 通过 改变 顶点 位 置 来 模拟 水 面 、 布 料 
等 。 但 需要 注意 的 是 ， 无 论 我 们 在 顶点 着 色 器 中 怎样 改变 顶点 的 位 
置 ， 一 个 最 基本 的 顶点 着 色 器 必须 完成 的 一 个 工作 是 ， 把 顶点 坐标 从 
模型 空间 转换 到 齐 次 裁剪 空间 。 想 想 看 ， 我 们 在 顶点 着 色 器 中 是 不 是 
会 看 到 类 似 下 面 的 代码 : 


0.pos = mul(UNITY_MVP, v.position); 


类 似 上 面 这 人 句 代 码 的 功能 ， 束 是 把 项 扣 坐 标 转换 到 齐 次 裁 有 瘟 坐 标 
系 下 ， 接 着 通 单 再 由 硬件 做 透视 除法 后 ， 节 终 得 到 归 一 化 的 设备 坐标 


(Normalized Device Coordinates ，NDC) 。 具 体 数 学 上 的 实现 细节 我 
们 会 在 第 4 章 中 讲 到 。 图 2.8 展 示 了 这 样 的 一 个 转换 过 程 。 


转换 到 齐 次 裁剪 坐标 系 下 


(hat 


图 2.8 ”顶点 着 色 器 会 将 模型 顶点 的 位 置 变换 到 齐 次 裁剪 坐标 空间 下 ， 进行 输出 后 再 由 硬件 
做 透视 除法 得 到 NDC 下 的 坐标 


> 


需要 注意 的 是 ， 图 2.8 给 出 的 坐标 范围 是 OpenGL 同 时 也 是 Unity 使 
用 的 NDC， 它 的 z 分 量 范围 在 [-1 1] 之 则 ， 而 在 DirectX 中 ，NDC 的 z 分 
量 范围 是 [0, 1]。 顶点 着 色 器 可 以 有 不 同 的 输出 方式 。 最 常见 的 输出 路 
径 是 经 光栅 化 后 交 给 片 元 着 色 器 进行 处 理 。 而 在 现代 的 Shader Model 
中 ， 它 还 可 以 把 数据 发 送 给 曲面 细 分 着 色 器 或 几何 着 色 器 ， 感 兴趣 的 
读者 可 以 自行 了 解 。 


2.3.3” 裁 前 


由 于 我 们 的 场景 可 能 会 很 大 ， 而 摄像 机 的 视野 范围 很 有 可 能 不 会 
覆盖 所 有 的 场景 物体 ， 一 个 很 自然 的 想法 就 是 ， 那 些 不 在 摄像 机 视野 
范围 的 物体 不 需要 被 处 理 。 而 裁剪 (Clipping) 就 是 为 了 完成 这 个 目 
的 而 被 提出 来 的 。 


一 个 图 元 和 摄像 机 视野 的 关系 有 3 种 : 完全 在 视野 内 、 部 分 在 视野 
内 、 完 全 在 视野 外 。 完 全 在 视野 内 的 图 元 束 继 续 传递 给 下 一 个 流水 线 
阶段 ， 完 全 在 视野 外 的 图 元 不 会 继续 向 下 传递 ， 因 为 它们 不 需要 被 泻 
染 。 而 那些 部 分 在 视野 内 的 图 元 需要 进行 一 个 处 理 ， 这 就 是 裁剪 。 例 
如 ， 一 条 线段 的 一 个 项 扣 在 视野 内 ， 而 为 一 个 顶点 不 在 视野 内 ， 那 么 
在 视野 外 部 的 顶点 应 该 使 用 一 个 新 的 顶点 来 代替 ， 这 个 新 的 顶点 位 于 
这 条 线段 和 视野 边界 的 交点 处 。 


由 于 我 们 已 知 在 NDC 下 的 项 点 位 置 ， 即 顶点 位 置 在 一 个 立 廊 体 
内 ， 因 此 裁剪 束 变 得 很 简单 : 只 需要 将 图 元 裁 级 到 单位 立方 体内 。 图 
2 9 展示 了 这 样 的 一 个 过 程 。 


(le lel) 


图 2.9 | 卖 处 理 。 因 此 ， 完 全 在 单位 立方 体外 部 的 图 元 
- 色 三 角形 ) 被 舍弃 ， 完 全 在 单位 立方 体内 部 的 图 元 (绿色 三 角形 ) 将 被 保留 。 和 单位 立方 
体 相交 的 图 元 (黄色 三 角形 ) 会 被 裁剪 ， 新 的 顶点 会 被 生成 ， 原来 在 外 部 的 顶点 会 舍弃 


和 顶点 厦 色 郁 不 同 ， 这 一 步 是 不 可 编程 的 ， 即 我 们 无 法 通过 编程 
来 控制 裁 盘 的 过 程 ， 而 是 硬件 上 的 固定 操作 ， 但 我 们 可 以 目 定 义 一 个 
裁 盘 操 作 来 对 这 一 步 进行 配置 。 


2.3.4 ”屏幕 映射 


这 一 步 输 入 的 坐标 仍然 是 三 维 坐 标 系 下 的 坐标 (范围 在 单位 立方 
体内 ) 。 屏 幕 映 射 (Screen Mapping) 的 任务 是 把 每 个 图 元 的 x 和 y 坐 
标 转换 到 屏幕 坐标 系 (Screen Coordinates) 下 。 屏 幕 坐 标 系 是 一 个 二 
维 坐 标 系 ， 它 和 我 们 用 于 显示 画面 的 分 辨 球 有 很 大 关系。 


假设 ,我们 需要 把 场景 渲染 到 一 个 窗口 上 ， 窗 口 的 范围 是 从 最 小 
的 窗口 坐标 (x 1 ;y 1 ) 到 最 大 的 窗口 坐标 (x ,,y ，)， 其 中 x1 <x, 有 yj <y， 
。 由 于 我 们 输入 的 坐标 范围 在 -1 到 1， 因 此 可 以 想象 到 ， 这 个 过 程 实际 
是 一 个 缩放 的 过 程 ， 如 图 2.10 所 示 。 你 可 能 会 问 ， 那 么 输入 的 z 坐标 会 
怎么 样 呢 ? 屏幕 映射 不 会 对 输入 的 z 坐标 做 任何 处 理 。 实 际 上 ， 屏 幕 坐 
标 系 和 z 华 低 起 馈 成 了 个 坐标 系 ， 叫 做 窗口 坐标 系 (Window 
Coordinates ) 这 些 值 会 一 起 被 传递 到 光栅 化 阶段 。 
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(1,1) (X2, y2) 


屏幕 映射 


C1 ed) 
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A 图 2.10 屏幕 映射 将 x、y 坐标 从 (-1, 1) 范围 转换 到 屏幕 坐标 系 中 


屏幕 映射 得 到 的 屏幕 坐标 决定 了 这 个 顶点 对 应 屏幕 上 哪个 像素 以 
及 距离 这 个 像素 有 多 远 。 


有 一 个 需要 引起 注意 的 地 方 是 ， 屏 幕 坐标 系 在 OpenGL 和 DirectX 之 
间 的 差异 问题 。OpenGL 把 屏幕 的 左下 角 当 成 最 小 的 窗口 坐标 值 ， 而 
DirectX 则 定义 了 屏幕 的 左上 角 为 最 小 的 窗口 坐标 值 。 图 2.11 显 示 了 这 
样 的 差异 。 
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图 2.11 ”OpenGL 和 DirectX 的 屏幕 坐标 系 差异 。 对 于 一 张 512*512 大 小 的 图 像 ， 在 OpenGL 中 
其 (0, 0) 点 在 左下 角 ， 而 在 DirectX 中 其 (0, 0) 点 在 左上 角 


产生 这 种 差异 的 原因 是 ， 微 软 的 窗口 都 使 用 了 这 样 的 坐标 系统 ， 
因为 这 和 我 们 的 阅读 方式 是 一 致 的 : 从 五 到 右 、 从 上 到 下 ， 并 且 很 多 
图 像 文 件 也 是 按照 这 样 的 格式 进行 存储 的 。 


不 管 原因 如 何 ， 老 异 天 这么 造成 了 。 留 给 我 们 开发 考 的 吏 是 ， 要 
时 刻 小 心 这 样 的 差异 ， 如 果 你 发 现 得 到 的 图 像 是 倒转 的 ， 那 么 很 有 可 
能 束 是 这 个 原因 造成 的 。 


2.3.5 ”三 角形 设置 


由 这 一 步 开始 束 进 入 了 光 概 化 阶段 。 从 上 一 个 阶段 输出 的 信息 征 
屏幕 坐标 系 下 的 顶点 位 置 以 及 和 它们 相关 的 额外 信息 ， 如 深度 值 \z 坐 
标 ) 、 法 线 方 向 、 视 角 方 向 等 。 光 栅 化 阶段 有 两 个 最 重要 的 目标 : 计 
算 每 个 图 元 窗 过 了 哪些 像素 ， 以 及 为 这 些 像 聚 计算 它们 的 颜色 。 


光栅 化 的 第 一 个 流水 线 阶 段 是 三 角形 设置 (Triangle Setup) 六 
个 阶段 会 计算 光栅 化 一 个 三 角 网 格 所 需 的 信息 。 有 具体 来 说 ， 上 一 个 阶 
段 输 出 的 都 是 三 角 网 格 的 顶点 ， 即 我 们 得 到 的 是 三 角 网 格 每 条 边 的 两 
个 端点 。 但 如 果 要 得 到 整个 三 角 网 格 对 像素 的 履 产 情况 ， 我 们 就 必须 
计算 每 条 边 上 的 像素 坐标 。 为 了 能 够 计算 边界 像素 的 坐标 信息 ， 我 们 
束 需 要 得 到 三 角形 边界 的 表示 方式 。 这 样 一 个 计算 三 角 网 格 表示 数据 
的 过 程 束 叫做 三 角形 设置 。 它 的 输出 是 为 了 给 下 一 个 阶段 做 准备 。 


2.3.6 ”三 角形 遍历 


三 角形 遍历 (Triangle Traversal) 阶段 将 会 检查 每 个 像素 是 否 被 
一 个 三 角 网 格 所 和 鹤 盖 。 如 果 被 宪 盖 的 话 ， 束 会 生成 一 个 片 元 
(fragment) 。 而 这 样 一 个 找到 哪些 像素 被 三 角 网 格 覆 盖 的 过 程 就 是 
三 角形 遍历 ， 这 个 阶段 也 被 称 为 扫描 变换 (Scan Conversion) 


三 角形 遍历 阶段 会 根据 上 一 个 阶段 的 计算 结 采 来 判断 一 个 三 角 网 
格 获 才 了 哪些 像 隶 ， 并 使 用 三 角 网 格 3 个 顶点 的 顶点 信息 对 整个 获 凋 区 
域 的 像素 进行 插值 。 图 2.12 展 示 了 三 角形 抽 历 阶段 的 侧 化 计算 过 程 。 


三 角形 遍历 


4 图 2.12 ”三 角形 饥 历 的 过 程 。 根 据 几何 阶段 输出 的 顶点 信息 ， 节 终 得 到 该 三 角 网 格 复 盖 的 像 


素 位 置 。 对 应 像素 会 生成 一 个 片 元 ， 而 片 元 中 的 状态 是 对 3 个 顶点 的 信息 进行 插值 得 到 的 。 例 
如 ， 对 图 2.12 中 3 个 顶点 的 深度 进行 插值 得 到 其 重心 位 置 对 应 的 片 元 的 深度 值 为 -10.0 


这 一 步 的 输出 就 是 得 到 一 个 片 元 序列 。 和 需要 注意 的 是 ， 一 个 片 元 
并 不 是 真正 意义 上 的 像素 ， 而 是 包含 了 很 多 状态 的 集合 ， 这 些 状态 用 
于 计算 每 个 像素 的 最 终 颜 色 。 这 些 状 态 包 括 了 (但 不 限于 ) 它 的 屏幕 
坐标 、 深 度 信息 ， 以 及 其 他 从 几何 阶段 输出 的 顶点 信息 ， 例 如 法 线 、 
纹理 坐标 等 。 


2.3.7” 片 元 着 色 器 


片 元 着 色 器 (Fragment Shader) 是 另 一 个 非常 重要 的 可 编程 着 色 
器 阶段 。 在 DirectX 中 ， 片 元 着 色 器 被 称 为 像素 着 色 器 (Pixel Shader) 
， 但 片 元 着 色 器 是 一 个 更 合适 的 名 字 ， 因 为 此 时 的 片 元 并 不 是 一 个 真 
正 意 义 上 的 像素 。 


前 面 的 光栅 化 阶段 实际 上 并 不 会 影响 屏幕 上 每 个 像素 的 颜色 值 ， 
而 是 会 产生 一 系列 的 数据 信息 ， 用 来 表述 一 个 三 角 网 格 是 怎样 履 凑 每 
个 像 丸 的 。 而 每 个 片 元 融 负 责 存 储 这 样 一 系列 数据 。 真 正 会 对 像素 产 
影响 的 阶段 是 下 一 个 流水 线 阶段 一 一 逐 片 元 操作 (Per-Fragment 
Operations) 。 我 们 随后 就 会 讲 到 。 


片 元 着 色 器 的 输入 是 上 一 个 阶段 对 顶点 信息 插值 得 到 的 结果 ， 更 
具体 来 说 ， 是 根据 那些 从 顶点 着 色 右 中 输出 的 数据 插值 得 到 的 。 而 它 
的 输出 是 一 个 或 者 多 个 颜色 值 。 图 2.13 显 示 了 这 样 一 个 过 程 。 


这 一 阶段 可 以 完成 很 多 重要 的 得 染 扩 术 ， 其 中 最 重要 的 扩 术 之 一 
就 是 纹理 采样 。 为 了 在 片 元 着 色 器 中 进行 纹理 采样 ， 我 们 通常 会 在 顶 
点 着 色 器 阶段 输出 每 个 顶点 对 应 的 纹理 坐标 ， 然 后 经 过 光栅 化 阶段 对 
三 角 网 格 的 3 个 顶点 对 应 的 纹理 坐标 进行 插值 后 ， 束 可 以 得 到 其 履 兰 的 
片 元 的 纹理 坐标 了 。 


| 力 


4 图 2.13 根据 上 一 步 插值 后 的 片 元 信息 ， 片 元 着 色 器 计算 该 片 元 的 输出 颜色 


虽然 片 元 着 色 器 可 以 完成 很 多 重要 效果 ， 但 它 的 局 限 在 于 ， 它 仪 
可 以 影响 单个 片 元 。 也 就 是 说 ， 当 执行 片 元 着 色 器 时 ， 它 不 可 以 将 自 
己 的 任何 结果 直接 发 送 给 它 的 邻居 们 。 有 一 个 情况 例外 ， 就 是 片 元 着 
色 器 可 以 访问 到 导数 信息 (gradient， 或 者 说 是 derivative) 。 有 兴趣 的 
读者 可 以 参考 本 章 的 扩展 阅读 部 分 。 


2.3.8” 逐 片 元 操作 


终于 到 了 尝 染 流水 线 的 最 后 一 步 。 逐 片 元 操作 (Per-Fragment 
Operations) 是 OpenGL 中 的 说 法 ， 在 DirectX 中 ， 这 一 阶段 被 称 为 输出 


合并 阶段 (Output-Merger) 。Merger 这 个 词 可 能 更 容易 让 读者 明白 这 
一 步骤 的 目的 : 合并 。 而 OpenGL 中 的 名 字 可 以 让 读者 明日 这 个 阶段 的 
操作 单位 ， 即 是 对 每 一 个 片 元 进行 一 些 操 作 。 那 么 问题 来 了 ， 要 合并 
哪些 数据 ? 又 要 进行 哪些 操作 呢 ? 


一 阶段 有 儿 个 主要 任务 。 


(1) 决定 每 个 片 元 的 可 见 性 。 这 涉及 了 很 多 测试 工作 ， 例 如 深度 
测试 、 模 板 测 试 等 。 


(2) 如 果 一 个 片 元 通过 了 所 有 的 测试 ， 束 需要 把 这 个 片 元 的 闫 色 
值 和 已 经 存储 在 闫 色 绥 冲 区 中 的 颜色 进行 全 并， 或 者 说 是 混合 。 


需要 指明 的 是 ， 逐 片 元 操作 阶段 是 高 度 可 配置 性 的 ， 即 我 们 可 以 
设置 每 一 步 的 操作 细节 。 这 在 后 面 会 讲 到 。 


个 阶段 首先 需要 解决 每 个 片 元 的 可 见 性 问题 。 这 需要 进行 一 系 
列 测试 。 这 就 好 比 考试 ， 一 个 片 元 只 有 通过 了 所 有 的 考试 ， 才 能 最 终 
获得 和 和 GPU 谈判 的 资格 ， 这 个 资格 指 的 是 它 可 以 和 颜色 缓冲 区 进行 合 
并 。 如 果 它 没有 通过 其 中 的 某 一 个 测试 ， 那 么 对 不 起 ， 之 前 为 了 产生 
这 个 片 元 所 做 的 所 有 工作 都 是 白费 的 ， 因 为 这 个 请 元 会 被 舍弃 掉 。 
Poor fragment! 图 2.14 给 出 了 人 简化 后 的 未 片 元 操作 所 做 的 操作 。 


A 图 2.14 逐 片 元 操作 阶段 所 做 的 操作 。 只 有 通过 了 所 有 的 测试 后 ， 新 生成 的 片 元 才能 和 颜色 
缓冲 区 中 已 经 存在 的 像素 颜色 进行 混合 ， 最 后 再 写 入 颜色 缓冲 区 中 


测试 的 过 程 实际 上 是 个 比较 复杂 的 过 程 ， 而 且 不 同 的 图 形 接口 
〈 例 如 OpenGL 和 DirectX) 的 实现 细节 也 不 尽 相 同 。 这 里 给 出 两 个 最 基 
本 的 测试 一 一 深度 测试 和 模板 测试 的 实现 过 程 。 能 否 理解 这 些 测 试 过 
程 将 关乎 读者 是 否 可 以 理解 本 书后 面 章节 中 提 到 的 演 染 队列 ， 尤 其 是 
问题 。 图 2.15 给 出 了 深度 测试 和 模板 测试 的 简化 
流程 图 。 


开始 模板 测试 开始 深度 测试 


模板 测试 结束 


图 2.15 ”模板 测试 和 深度 测试 的 简化 流程 图 


我 们 先 来 看 模板 测试 (Stencil Test) 。 与 之 相关 的 是 模板 缓冲 
(Stencil Buffer) 。 实 际 上 ， 模 板 缓 冲 和 我 们 经 常 听 到 的 颜色 缓冲 、 深 
度 缓冲 几乎 是 一 类 东西 。 如 果 开 启 了 模板 测试 ，GPU 会 首先 读 取 (使 
用 读 取 掩 码 ) 模板 缓冲 区 中 该 片 元 位 置 的 模板 值 ， 然 后 将 该 值 和 读 取 
(使 用 读 取 掩 码 ) 到 的 参考 值 (reference value) 进行 比较 ， 这 个 比较 
函数 可 以 是 由 开发 者 指定 的 ， We 或 者 大 于 等 于 
时 舍弃 该 片 元 。 。 如 果 这 个 片 元 没有 通过 这 个 测试 ， 该 片 元 就 会 被 舍 


也 


弃 。 不 管 一 个 片 元 有 没有 通过 模板 测试 ， 我 们 都 可 以 根据 模板 测试 和 
下 面 的 深度 测试 结果 来 修改 模板 缓冲 区 ， 这 个 修改 操作 也 是 由 开发 者 
指定 的 。 开 发 者 可 以 设置 不 同 结果 下 的 修改 操作 ， 例 如 ， 在 失败 时 模 
板 缓 促 区 保持 不 变 ， 通 过 时 将 模板 缓冲 区 中 对 应 位 置 的 值 加 1 等 。 模 板 
测试 通 冲 用 于 限制 泻 染 的 区 域 。 另 外 ， 模 板 测 试 还 有 一 些 更 高 级 的 用 


法 ， 如 泻 染 阴影 、 轮 亡 泻 染 等 。 


如 有 条 一 个 请 元 幸运 地 通过 了 模板 测试 ， 那 么 它 会 进行 下 一 个 测试 
一 一 深度 测试 (Depth Test) 。 相 信 很 多 读者 都 听 到 过 这 个 测试 。 这 个 
测试 同样 是 可 以 高 度 配 置 的 。 如 果 开局 了 深度 测试 ，GPU 会 把 该 片 元 
的 深度 值 和 已 经 存在 于 深度 缓冲 区 中 的 深度 值 进行 比较 。 这 个 比较 画 
数 也 是 可 由 开发 者 设置 的 ， 例 如 小 于 时 舍弃 该 片 元 ， 或 者 大 于 等 于 时 
舍弃 该 片 元 。 通 常 这 个 比较 函数 是 小 于 等 于 的 关系 ， 即 如 果 这 个 片 元 
的 深度 值 大 于 等 于 当前 深度 绥 促 区 中 的 值 ， 那 么 束 会 舍弃 它 。 这 是 因 
为 ， 我 们 总 想 只 显示 出 离 摄 像 机 最 近 的 物体 ， 而 那些 被 其 他 物体 迟 挡 
的 下 不 需要 出 现在 屏幕 上 。 如 果 这 个 片 元 没有 通过 这 个 测试 ， 该 片 元 
号 会 被 侍 弃 。 和 模板 测试 有 些 不 同 的 是 ， 如 果 一 个 片 元 没有 通过 深度 
测试 ， 它 就 没有 权利 更 改 深度 绥 促 区 中 的 值 。 而 如 果 它 通过 了 测试 ， 
开发 者 还 可 以 指定 是 否 要 用 这 个 片 元 的 深度 值 覆 盖 掉 原 有 的 深度 值 ， 
这 是 通过 开启 /关闭 深度 写 入 来 做 到 的 。 我 们 在 后 面 的 学 习 中 会 发 现 ， 
透明 效果 和 深度 测试 以 及 深度 写 入 的 关系 非常 密切 。 


如 有 果 一 个 兽 运 的 片 元 通过 了 上 面 的 所 有 测试 ， 它 就 可 以 目 聚 地 来 
到 合并 功能 的 面前 。 


为 什么 需要 合并 ? 我 们 要 知道 ， 这 里 所 讨论 的 演 染 过 程 是 一 个 物 
体 接 着 一 个 物体 画 到 屏幕 上 的 。 而 每 个 像素 的 颜色 信息 被 存储 在 一 个 
名 为 闫 色 绥 冲 的 地 方 。 因 此 ， 当 我 们 执行 这 次 渲染 时 ， 颜 色 绥 冲 中 往 
往 已 经 有 了 上 次 渔 染 之 后 的 颜色 结果 ， 那 么 ， 我 们 是 使 用 这 次 痊 染 得 
到 的 颜色 完全 覆盖 掉 之 前 的 结 末 ， 还 古 进行 其 他 处 理 ? 这 就 是 合并 需 
要 解决 的 问题 。 


对 于 不 透明 物体 ， 开 发 者 可 以 关闭 混合 (Blend) 操作 。 这 样片 元 
着 色 需 计算 得 到 的 颜色 值 就 会 直接 上 履 盖 掉 颜色 缓冲 区 中 的 像素 值 。 但 
对 于 半 透 明 物体 ， 我 们 就 需要 使 用 混合 操作 来 让 这 个 物体 看 起 来 是 透 
明 的 。 图 2.16 展 示 了 一 个 人 简化 版 的 混合 操作 的 流程 图 。 
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4 图 2.16 混合 操作 的 简化 流程 图 


从 流程 图 中 我 们 可 以 发 现 ， 混合 操作 也 是 可 以 高 度 配置 的 ; 开发 
者 可 以 选择 开局 /关闭 混合 功能 。 如 条 没有 开局 混合 功能 ， 吏 会 直接 使 
用 片 元 的 颜色 歼 盖 掉 颜色 缓冲 区 中 的 颜色 而 这 也 和 是 很 多 初学 者 发 现 
无 法 得 到 透明 效果 的 原因 (没有 开启 混合 功能 ) 。 如 果 开 局 了 混合 ， 


GPU 会 取出 源 颜 色 和 目标 颜色 ， 将 两 种 颜色 进行 混合 。 源 颜色 指 的 是 
片 元 着 色 器 得 到 的 颜色 值 ， 而 目标 颜色 则 是 已 经 人 存在 于 颜色 缓冲 区 中 
的 颜色 值 。 之 后 ， 就 会 使 用 一 个 混合 画 数 来 进行 混合 操作 。 这 个 混合 
函数 通常 和 透明 通道 具 四 相关 ， 例 如 根据 透明 通道 的 值 进行 相 加 、 相 
减 、 相 乘 等 。 混 合 很 像 Photoshop 中 对 图 层 的 操作 : 每 一 层 图 层 可 以 选 
择 混合 模式 ， 混 合 模式 决定 了 该 图 层 和 下 层 图 层 的 混合 结果 ， 而 我 们 
看 到 的 图 片 就 是 混合 后 的 图 片 。 


上 面 给 出 的 测试 顺序 并 不 是 唯一 的 ， 而 且 虽 然 从 逻辑 上 来 说 这 些 
a ee 但 对 于 大 多 数 GPU 来 说 ， 它 们 会 尽 
能 在 执行 片 元 着 色 器 之 前 就 进行 这 些 测 试 。 这 是 可 以 理解 的 ， 想 象 
下 当 GPpU 在 片 元 基色 器 阶段 花 了 很 大 力气 终 于 计算 出 片 元 的 妆 色 
后 ， 却 发 现 这 个 厂 元 根本 没有 通过 这 些 检 验 ， 也 束 是 说 这 个 厂 元 还 是 
0 那 之 前 花费 的 计算 成 本 全 都 浪费 了 ! 图 2.17 给 出 了 这 样 一 个 
分 \ 


图 2.17 ”图 示 场 景 中 包含 了 两 个 对 象 ， 球 和 长 方 体 ， 绘 制 顺序 是 先 绘制 球 (在 屏幕 上 显示 为 
再 绘制 长 方 体 〈 在 屏幕 上 显示 为 长 方形 ) 。 如 果 深度 测试 在 片 元 着 色 器 之 后 执行 ， 那 么 
在 泻 染 长 方 体 时 ， 虽 然 它 的 大 部 分 区 域 都 被 遮挡 在 球 的 后 面 ， 即 它 所 覆盖 的 绝 大 部 分 片 元 根本 
无 法 通过 深度 测试 ， 但 是 我 们 仍然 需要 对 这 些 片 元 执行 片 元 着 色 器 ， 造 成 了 很 大 的 性 能 浪费 


丰 凤 


作为 一 个 想 充 分 提高 性 能 的 GPU， 它 会 希望 尽 可 能 早 地 知道 哪些 
片 元 是 会 被 舍弃 的 ， 对 于 这 些 片 元 整 不 需要 再 使 用 片 元 着 色 器 来 计算 
它们 的 颜色 。 在 Unity 给 出 的 演 染 流水 线 中 ， 我 们 也 可 以 发 现 它 给 出 的 
深度 测试 是 在 片 元 着 色 需 之 前 。 这 种 将 深度 测试 提前 执行 的 技术 通 营 
也 被 称 为 Early-Z 技 术 。 项 望 读 者 看 到 这 里 时 不 会 因此 感到 困惑 。 在 本 
书后 面 的 章节 中 ， 我 们 还 会 继续 讨论 这 个 问题 。 


但 是 ， 如 条 将 这 些 测试 提前 的 话 ， 其 检验 结 采 可 能 会 与 片 元 着 色 
器 中 的 一 些 操作 神 突 。 例 如 ， 如 果 我 们 在 片 元 着 色 吉 进行 了 透明 度 测 
试 (我 们 将 在 8.3 节 中 具体 讲 到 ) ， 而 这 个 片 元 没有 通过 透明 度 测 试 ， 
我 们 会 在 着 色 器 中 调用 API 〈 例 如 clip 画 数 ) 来 手动 将 其 舍弃 掉 。 这 就 
导致 GPU 无 法 提前 执行 各 种 测试 。 因 此 ， 现 代 的 GPU 会 判断 片 元 着 色 
亏 中 的 操作 是 否 和 提前 测试 发 生 冲 突 ， 如 采 有 神 突 ， 束 会 森 用 提前 测 
试 。 但 是 ， 这 样 也 会 造成 性 能 上 的 下 降 ， 因 为 有 更 多 片 元 需要 被 处 理 
了 。 这 也 是 透明 度 测 试 会 导致 性 能 下 降 的 原因 。 


当 模 型 的 图 元 经 过 了 上 面 层 层 计算 和 测试 后 ， 束 会 显示 到 我 们 的 
屏幕 上 。 我 们 的 屏幕 显示 的 就 是 颜色 缓冲 区 中 的 颜色 值 。 但 是 ， 为 了 
避免 我 们 看 到 那些 正在 进行 光栅 化 的 图 元 ，GPU 会 使 用 双重 缓 神 

(Double Buffering) 的 策略 。 这 意味 着 ， 对 场景 的 泻 染 是 在 幕后 发 生 
的 ， 即 在 后 置 缓冲 (Back Buffer) 中 。 一 旦 场景 已 经 被 泻 染 到 了 后 置 
缓冲 中 ，GPU 就 会 交换 后 置 缓冲 区 和 前 置 缓冲 (Front Buffer) 中 的 内 
容 ， 而 前 置 缓冲 区 是 之 前 显示 在 屏幕 上 的 图 像 。 由 此 ， 保 证 了 我 们 看 
到 的 图 像 总 是 连续 的 。 

2.3.9 ”总 结 


AN 一 器 


虽然 我 们 上 面 讲 了 很 多 ， 但 其 真正 的 实现 过 程 远 比 上 面 讲 到 的 要 
复杂 。 需 要 注意 的 是 ， 读 者 可 能 会 发 现 这 里 给 出 的 流水 线 名 称 、 顺 序 
可 能 和 在 一 些 资 料 上 看 到 的 不 同 。 一 个 原因 是 由 于 图 像 编程 接口 (如 
OpenGL 和 DirectX) 的 实现 不 尽 相 同 ， 另 一 个 原因 是 GPU 在 底层 可 能 做 
了 很 多 优化 ， 例 如 上 面 提 到 的 会 在 片 元 着 色 器 之 前 就 进行 深度 测试 ， 

似 避 免 无 谓 的 计算 。 


虽然 泻 染 流 水 线 比较 复杂 ， 但 Unity 作 为 一 个 非常 出 色 的 平台 为 我 
们 封装 了 很 多 功能 。 更 多 时 候 ， 我 们 只 需要 在 一 个 Unity Shader 设 置 一 


些 输 入 、 编 写 顶 点 着 色 器 和 片 元 着 色 器 、 设 置 一 些 状态 就 可 以 达到 大 
部 分 常见 的 屏幕 效果 。 这 是 Unity 吸 引 人 的 魅力 之 处 ， 但 这 样 的 缺点 在 
于 ， 封 装 性 会 导致 编程 自由 度 下 降 ， 使 很 多 初学 者 迷失 方向 ， 无 法 掌 
握 其 背后 的 原理 ， 并 在 出 现 问题 时 ， 往 往 无 法 找到 错误 原因 ， 这 是 在 
学 习 Unity Shader 时 普遍 的 遭遇 。 


演 染 流水线 几乎 和 本 书 所 有 章节 都 息 居 相关， 如 果 读者 此 时 仍然 
无 法 完全 理解 泻 染 流水 线 ， 仍 可 以 继续 学 习 下 去 。 但 如 果 读 者 在 学 习 
过 程 中 发 现 有 些 设置 或 代码 无 法 理解 ， 可 以 不 断 查阅 本 章 内 容 ， 相 信 
会 有 更 深 的 理解 。 


2.4 一 些 容易 困惑 的 地 方 


在 读 着 学 习 Shader 的 过 程 中 ， 会 看 到 一 些 所 谓 的 专业 术语 ， 这 些 木 
语 的 出 现 频 率 很 高 ， 以 至 于 如 果 没 有 对 其 有 基本 的 认识 ， 会 使 得 初学 
者 总 是 感到 非常 困惑 。 本 章 的 最 后 将 阐述 其 中 的 一 些 术 语 。 


2.4.1 什么 是 OpenGL/DirectX 


只 要 读者 接触 过 图 像 编 程 ， 束 一 定 听 说 过 OpenGL 和 DirectX， 也 一 
定 知道 这 两 者 之 间 的 竞争 关系 。OpenGL 与 DirectX 之 间 的 竞争 以 及 它们 
与 各 个 便 件 生产 两 之 间 的 纠 遍 历史 很 有 趣 ， 但 很 可 民 这 不 在 本 书 的 讨 
论 范 围 。 本 太 的 目的 在 于 同 读 首 尽 可 能 通俗 地 人 解释， 它们 到 夺 古 什 
么 ， 又 和 之 前 讲 到 的 洽 染 管线 、GPU 有 什么 关系 。 


我 们 花 了 一 整个 章节 的 篇 幅 来 讲述 泻 染 的 概念 流水 线 以 及 GPU 十 
如 何 实现 这 些 流水 线 的 ， 但 如 果 要 开发 者 直接 访问 GPU 和 坪 一 件 非 党 厅 
烦 的 事情 ， 我 们 可 能 需要 和 各 种 寄存 右 、 显 存 打交道 。 而 图 像 编程 接 
口 在 这 些 硬件 的 基础 上 实现 了 一 层 抽象 。 


OpenGL 和 DirectX 就 是 这 些 图 像 应 用 编程 接口 ， 这 些 授 口 用 于 渲染 
二 维 或 三 维 图 形 。 可 以 说 ， 这 些 接口 架 起 了 上 层 应 用 程序 和 底层 GPU 
的 沟通 桥梁 。 一 个 应 用 程序 癌 这 些 接口 发 送 泻 染 命 令 ， 而 这 些 接口 会 
依次 癌 显 卡 驱 动 (Graphics Driver) 发 送 泻 染 命令 ， 这 些 显 卡 驱 动 是 真 
正 知 道 如 何 和 GPU 通信 的 角色 ， 正 是 它们 把 OpenGL 或 者 DirectX 的 函数 
调用 翻译 成 了 GPU 能 够 听 懂 的 语言 ， 同 时 它们 也 负责 把 纹理 等 数据 转 
换 成 GPU 所 支持 的 格式 。 一 个 比喻 是 ， 显 卡 驱 动 束 是 显卡 的 控 作 系 
统 。 图 2.18 显 示 了 这 样 的 天 系 。 


概括 来 说 ， 我 们 的 应 用 程序 运行 在 CPU 上 。 应 用 程序 可 以 通过 调 
用 OpenGL 或 DirectX 的 图 形 接 口 将 泻 染 所 需 的 数据 ， 如 顶点 数据 、 纹 理 
数据 、 材 质 参 数 等 数据 存储 在 显存 中 的 特定 区 域 。 随 后 ， 开 发 者 可 以 
通过 图 像 编程 接口 发 出 泻 染 命令 ， 这 些 泻 染 命令 也 被 称 为 Draw Call， 
它们 将 会 被 显卡 驱动 翻译 成 GPU 能 够 理解 的 代码 ， 进 行 真正 的 绘制 。 


由 图 2.18 可 以 看 出 ， 一 个 显卡 除了 有 图 像 处 理 单元 GPU 外 ， 还 拥有 
自己 的 内 存 ， 这 个 内 存 通常 被 称 为 显存 (Video Random Access 
Memory，VRAM) 。GPU 可 以 在 显存 中 存储 任何 数据 ， 但 对 于 演 染 
来 说 一 些 数据 类 型 是 必需 的 ， 例 如 用 于 屏幕 显示 的 图 像 缓 冲 、 深 度 组 


冲 等 。 


因为 显卡 张 动 的 存在 ， 几 乎 所 有 的 GPU 都 既 可 以 和 OpenGL 人 合作， 
也 可 以 和 DirectX 一 起 工作 。 从 显卡 的 角度 出 发 ， 实 际 上 它 只 需要 和 显 
卡 驱 动 打 交道 就 可 以 了 。 而 显卡 驱动 就 好 像 一 个 中 介 者 ， 人 负责 和 两 方 
(图 像 编程 接口 和 GPU) 打交道 。 因 此 ， 一 个 显卡 制作 商 为 了 让 他 们 
的 显卡 可 以 同时 和 OpenGL、DirectX 合 作 ， 就 必须 提供 支持 OpenGL 和 
DirectX 接 口 的 显卡 驱动 。 


发 送 泻 


A 图 2.18 CPU、OpenGL/DirectX、 显 卡 驱动 和 GPU 之 间 的 关系 


2.4.2 什么 是 HLSL 、GLSL、CG 


我 们 上 面 讲 到 了 很 多 可 编程 的 着 色 锋 阶段 ， 如 顶点 着 色 絮 、 厂 元 
着 色 右 等 。 这 些 着 色 器 的 可 编程 性 在 于 ， 我 们 可 以 使 用 一 种 特定 的 语 
言 来 编写 程序 ， 就 好 比 我 们 可 以 用 C# 来 写 游戏 逻辑 一 样 。 


在 可 编程 管线 出 现 之 前 ， 为 了 编写 着 色 器 代码 ， 开 发 者 们 学 习 汇 
编 语言 。 为 了 给 开发 者 们 打开 更 方便 的 大 门 ， 就 出 现 了 更 高 级 的 着 色 
语言 (Shading Language) 。 着 色 语 言 是 专门 用 于 编写 着 色 器 的 ， 常 见 
的 着 色 语言 有 DirectX 的 HLSL (High Level Shading Language) 、 
OpenGL 的 GLSL (OpenGL Shading Language) 以 及 NVIDIA 的 CG (C 
for Graphic) 。HLSL、GLSL、CG 都 是 “高 级 (High-Level) ”语言 ， 但 
这 种 高 级 是 相对 于 汇编 语言 来 说 的 ， 而 不 是 像 C# 相 对 于 C 的 高 级 那样 。 
这 些 语言 会 被 编译 成 与 机 器 无 关 的 汇编 语言 ， 也 被 称 为 中 间 语 言 

(Intermediate Language，IL) 。 这 些 中 间 语 言 再 交 给 显卡 驱动 来 翻译 
成 真正 的 机 器 语言 ， 即 GPU 可 以 理解 的 语言 。 


对 于 一 个 初学 着 来 说 ， 一 个 最 币 见 的 问题 束 征 ， 他 应 该 选择 哪 种 


生计 9 


GLSL 的 优点 在 于 它 的 跨 平台 性 ， 它 可 以 在 windows、Linux、Mac 
甚至 移动 平台 等 多 种 平台 上 工作 ， 但 这 种 跨 平台 性 是 由 于 OpenGL 没 有 
提供 着 色 器 编译 器 ， 而 是 由 显卡 驱动 来 完成 着 色 器 的 编译 工作 。 也 就 
是 说 ， 只 要 显卡 驱动 支持 对 GLSL 的 编译 它 就 可 以 运行 。 这 种 做 法 的 好 
处 在 于 ， 由 于 供应 商 完 全 了 解 自己 的 硬件 构造 ， 他 们 知道 怎样 做 可 以 
发 挥 出 最 大 的 作用 。 换 和 句 话 说 ，GLSL 是 依赖 硬件 ， 而 非 操作 系统 层级 
的 。 但 这 也 意味 着 GLSL 的 编译 结果 将 取决 于 硬件 供应 商 。 要 知道 ， 世 
界 上 有 很 多 硬件 供应 商 一 一 NVIDIA、ATI 等 ， 他 们 对 GLSL 的 编译 实现 
不 尽 相 同 ， 这 可 能 会 造成 编译 结果 不 一 致 的 情况 ， 因 为 这 完全 取决 于 
供应 商 的 做 法 。 


而 对 于 HLSL， 是 由 微软 控制 着 色 器 的 编译 ， 就 算 使 用 了 不 同 的 硬 
件 ， 同 一 个 着 色 器 的 编译 结果 也 是 一 样 的 (前 提 是 版 本 相同 ) 。 但 也 
因此 支持 HLSL 的 平台 相对 比较 有 限 ， 几 乎 完全 是 微软 目 已 的 产品 ， 如 
Windows、Xbox 360、PS3 等 。 这 是 因为 在 其 他 平台 上 没有 可 以 编译 
HLSL 的 编译 右 。 


Cg 则 是 真正 意义 上 的 跨 平 台 。 它 会 根据 平台 的 不 同 ， 编 译 成 相应 
的 中 间 语 言 。Cg 语 言 的 跨 平台 性 很 大 原因 取决 于 与 微软 的 合作 ， 这 也 
导致 CG 语 言 的 语法 和 HLSL 非 党 相像 ，Cg 语 言 可 以 无 缝 移植 成 HLSL 代 
码 。 但 缺点 是 可 能 无 法 完全 发 挥 出 OpenGL 的 最 新 特性 。 


对 于 Unity 平 台 ， 我 们 同样 可 以 选择 使 用 哪 种 语言 。 在 Unity Shader 
中 ， 我 们 可 以 选择 使 用 “Cg/HLSL”* 或 者 “GLSL”。 带 引号 是 因为 Unity 里 
的 这 些 着 色 语 言 并 不 是 真正 意义 上 的 对 应 的 着 色 语 言 ， 尽 管 它们 的 语 
法 几乎 一 样 。 以 Unity Cg 为 例 ， 你 有 时 会 发 现 有 些 CG 语法 在 Unity 
Shader 中 是 不 支持 的 。 关 于 Unity Shader 和 真正 的 Cg/HLSL、GLSL 之 间 
的 关系 我 们 会 在 3.6 节 中 讲 到 。 


2.4.3 ”什么 是 Draw Call 


在 前 面 的 划 节 中 ， 我 们 已 经 了 解 了 Draw Call 的 含义 。Draw Call 本 
冉 的 含义 很 倍 单 ， 束 是 CPU 调 用 图 像 编 程 接口 ， 如 OpenGL 中 的 
glDrawElements 命 令 或 者 DirectX 中 的 DrawIndexedPrimitive 命 令 ， 以 命 
令 GPU 进 行 演 染 的 操作 。 


一 个 第 见 的 误区 是 ，Draw Call 中 造成 性 能 问题 的 元 凶 是 GPU， 认 
为 GPU 上 的 状态 切换 是 耗 时 的 ， 其 实 不 古 的， 真正 “ 拖 后 腿 ” 其 实 的 古 
CPU 。 


在 深入 理解 Draw Call 之 前 ， 我 们 先 来 看 一 下 CPU 和 GPU 之 间 的 流 
水 线 化 是 怎么 实现 的 ， 即 它们 是 如 何 相 互 独立 一 起 工作 的 。 


问题 一 : CPU 和 GPU 是 如 何 实现 并 行 工 作 的 ? 


如 果 没 有 流水 线 化 ， 那 么 CPU 需要 等 到 GPU 完成 上 一 个 泻 染 任务 
才能 再 次 发 送 泻 染 命 令 。 但 这 种 方法 显然 会 造成 效率 低下 。 因 此 ， 丈 
像 在 本 章 一 开头 讲 到 的 老 王 的 洋娃娃 工厂 一 样 ， 我 们 需要 让 CPU 和 
。 而 解决 方法 就 是 使 用 一 个 命令 缓冲 区 (Command 
Buffer 


命令 缓冲 区 包含 了 一 个 命令 队列 ， 由 CPU 癌 其 中 添加 命令 ， 而 由 
GPU 从 中 读 取 命令 ， 添 加 和 读 取 的 过 程 是 互相 独立 的 。 命 令 缓冲 区 使 
得 CPU 和 GPU 可 以 相互 独立 工作 。 当 CPU 需要 泻 染 一 些 对 象 时 ， 它 可 
以 向 命令 缓冲 区 中 添加 命令 ， 而 当 GPU 完 成 了 上 一 次 的 泻 染 任务 后 ， 
它 就 可 以 从 命令 队列 中 再 取出 一 个 命令 并 执行 它 。 


命令 缓冲 区 中 的 命令 有 很 多 种 类 ， 而 Draw Call 生 其 中 一 种 ， 其 他 
命令 还 有 改变 泻 染 状态 等 (例如 改变 使 用 的 着 色 絮 ， 使 用 不 同 的 纹理 


等 ) 。 图 2.19 显 示 了 这 样 一 个 例子 。 


Er odie 
添加 命令 


A 图 2.19 ”命令 缓冲 区 。CPU 通 过 图 像 编 程 接口 向 命令 缓冲 区 中 添加 命令 ， 而 GPU 从 中 读 取 命 
令 并 执行 。 黄 色 方 框 内 的 命令 就 是 Draw Call， 而 红色 方 框 内 的 命令 用 于 改变 泻 染 状态 。 我 们 使 
[ 色 方 框 来 表示 改变 泻 染 状态 的 命令 ， 是 因为 这 些 命令 往往 更 加 耗 时 


人 


用 攻 
问题 二 : 为 什么 Draw Call 多 了 会 影响 帧 率 ? 


我 们 移 来 做 一 个 实验 : 请 创建 10 000 个 小 文件 ， 每 个 文件 的 大 小 为 
1KB， 然 后 把 它们 从 一 个 文件 来 复制 到 男 一 个 文件 来。 你 会 发 现 ， 尽 
管 这 些 文件 的 空间 总 和 不 超过 10MB ， 但 要 花费 很 长 时 间 。 现 在 ， 我 们 
再 来 创建 一 个 单独 的 文件 ， 它 的 大 小 是 10MB， 然 后 也 把 它 从 一 个 文件 
夹 复 制 到 另 一 个 文件 来。 而 这 次 复制 的 时 间 却 少 很 多 ! 这 是 为 什么 


呢 ? 明 明 它 们 所 包含 的 内 容 大 小 是 一 样 的 。 原 因 在 于 ， 每 一 个 复制 动 
作 需 要 很 多 额外 的 操作 ， 例 如 分 配 内 存 、 创 建 各 种 元 数据 等 。 如 你 所 
见 ， 这 些 操作 将 造成 很 多 额外 的 性 能 开销 ， 如 采 我 们 复制 了 很 多 小 文 
件 ， 那 么 这 个 开销 将 会 很 大 。 


泻 染 的 过 程 虽 然 和 上 面 的 实验 有 很 大 不 同 ， 但 从 感性 角度 上 是 很 
类 似 的 。 在 每 次 调用 Draw Call 之 前 ，CPU 需 要 向 GPU 发 送 很 多 内 容 ， 
包括 数据 、 状 态 和 命令 等 。 在 这 一 阶段 ，CPU 需 要 完成 很 多 工作 ， 例 
如 检查 泻 染 状态 等 。 而 一 旦 CPU 完成 了 这 些 准备 工作 ，GPU 就 可 以 开 
始 本 次 的 泻 染 。GPU 的 泻 染 能 力 是 很 强 的 ， 泻 染 200 个 还 是 2 000 个 三 角 
网 格 通常 没有 什么 区 别 ， 因 此 泻 染 速度 往往 快 于 CPU 提 交 命 令 的 速 
度 。 如 果 Draw Call 的 数量 大 多，CPU 就 会 把 大 量 时 间 花 费 在 提交 Draw 
Cal 上 ， 造 成 CPU 的 过 载 。 图 2.20 显 示 了 这 样 一 个 例子 。 


模型 B 


泻 染 模型 C 


图 2.20 ”命令 缓冲 区 中 的 虚线 方 框 表 示 GPU 已 经 完成 的 命令 。 此 时 ， 命 令 缓 冲 区 中 没有 可 以 
执行 的 命令 了 ，GPU 处 于 空 用 状态 ， 而 CPU 还 没有 准备 好 下 一 个 泻 染 命令 


问题 三 ， 如 何 减 少 Draw Call? 


尽管 减少 Draw Call 的 方法 有 很 多 ， 但 我 们 这 里 仅 讨论 使 用 批 处 理 
(Batching) 的 方法 。 


我 们 讲 过 ， 提 交大 量 很 小 的 Draw Call 会 造成 CPU 的 性 能 瓶 诺 ， 即 
CPU 把 时 间 都 花费 在 准备 Draw Call 的 工作 上 上 了。 那么 ， 一 个 很 显然 的 
优化 想法 吏 是 把 很 多 小 的 DrawCall 合 并 成 一 个 大 的 Draw Call， 这 束 是 
批 处 理 的 思想 。 图 2.21 显 示 了 批 处 理 所 做 的 工作 。 


需要 注意 的 是 ， 由 于 我 们 需要 在 CPU 的 内 存 中 合并 网 格 ， 而 合并 
的 过 程 是 需要 消耗 时 间 的 。 因 此 ， 批 处 理 技术 更 加 适合 于 那些 静态 的 
物体 ， 例 如 不 会 移动 的 大 地 、 石 头等 ， 对 于 这 些 静态 物体 我 们 只 需要 
合并 一 次 即 可 。 当 然 ， 我 们 也 可 以 对 动态 物体 进行 批 处 理 。 但 是 ， 由 
于 这 些 物体 是 不 断 运动 的 ， 因 此 每 一 帧 都 需要 重新 进行 合并 然后 再 发 
送 给 GPU， 这 对 空间 和 时 间 都 会 造成 一 定 的 影响 。 


> 


全 


图 2.21 ”利用 批 处 理 ，CPU 在 RAM 把 多 个 网 格 合并 成 一 个 更 大 的 网 格 ， 昨 
在 一 个 Draw Call 中 演 染 它们 。 但 
态 。 也 就 是 说 ， 如 忆 


-Es 
[三 
己 


发 送 给 GPU， 然 后 
在 游戏 开发 过 才 程 中 ， 为 了 减少 Draw Call 的 开销 ， 有 两 点 需要 注 


要 注意 的 是 ， 使 用 批 处 理 合并 的 网 格 将 会 使 用 同一 种 演 染 状 
网 格 之 间 需 要 使 用 不 同 的 泻 染 状态 ， 那 么 束 无 法 使 


用 批 处 理 技术 
避 
格 结构 时 ， 考 虑 


(1) 避免 使 用 大 量 很 小 的 网 格 。 当 不 可 避免 地 需要 使 用 很 小 的 网 
可 以 合并 它们 
攻 (2) 避免 使 用 过 多 的 材质 。 


尽量 在 不 同 的 网 格 之 间 共 用 同一 个 材 
在 本 书 的 16.4 节 ， 我 们 会 继续 
来 进行 优化 。 


卖 阐述 如 何在 Unity 中 利用 批 处 理 技术 
2.4.4 什么 是 固定 管线 演 染 


固定 函数 的 流水 线 (Fixed-Function Pipeline) ， 也 简称 为 固定 管 
线 ， 通 常 是 指 在 较 旧 的 GPU 上 实现 的 渲染 流水 线 。 这 种 流水 线 只 给 开 
发 者 提供 一 些 配 置 操 作 ， 但 开发 者 没有 对 流水 线 阶 段 的 完全 控制 权 。 


固定 管线 通常 提供 了 一 系列 接口 ， 这 些 接口 包含 了 一 个 函数 入 口 
点 (Function Entry Points) 集合 ， 这 些 函 数 入 口 点 会 匹配 GPU 上 的 一 个 
特定 的 逻辑 功能 。 开 发 者 们 通过 这 些 接口 来 控制 渲染 流水 线 。 换 句 话 
说 ， 固 定 泻 染 管线 是 只 可 配置 的 管线 。 一 个 形象 的 比喻 是 ， 我 们 在 使 
用 固定 管线 进行 演 染 时 ， 就 好 像 在 控制 电路 上 的 多 个 开关 ， 我 们 可 以 
选择 打开 或 者 关闭 一 个 开关 ， 但 永远 无 法 控制 整个 电路 的 排 布 。 


随 着 时 代 的 发 展 ，GPU 流 水 线 越 来 越 朝 着 更 高 的 灵活 性 和 可 控 性 
方 癌 发 展 ， 可 编程 演 染 管线 应 运 而 生 。 我 们 在 上 面 看 到 了 许多 可 编程 
的 流水 线 阶段 ， 如 顶点 看 色 紫 、 厂 元 着色 融 ， 这 些 可 编程 的 着 色 右 阶 
段 可 以 说 是 GPU 进 化 最 重要 的 页 献 。 表 2.1 给 出 了 3 种 最 肖 见 的 图 像 接 口 
从 固定 管线 同 可 编程 管线 进化 的 版 本 。 


表 2.1 3 种 图 像 接口 从 固定 管线 向 可 编程 管线 进化 的 版 本 


3D API 最 后 支持 固定 管线 的 版 本 第 一 个 支持 可 编程 管线 的 版 本 


= 


在 GPU 发 展 的 过 程 中 ， 为 了 继续 提供 固定 管线 的 接口 抽象 ， 一 些 
显卡 驱动 的 开发 者 们 使 用 了 更 加 通用 的 着 色 架 构 ， 即 使 用 可 编程 的 管 
线 来 模拟 固定 管线 。 这 是 为 了 在 提供 可 编程 渔 染 管线 的 同时 ， 可 以 让 


那些 已 经 熟悉 了 固定 管线 的 开发 者 们 继续 使 用 固定 管线 进行 泻 染 。 例 
如 ，OpenGL 2.0 在 没有 真正 的 固定 管线 的 硬件 文 持 下 ， 依 徘 系统 的 可 
编程 管线 功能 来 模仿 固定 管线 的 处 理 过 程 。 但 随 着 GPU 的 发 展 ， 固 定 
管线 已 经 逐渐 退出 历史 舞台 。 例 如 ，OpenGL 3.0 是 最 后 既 文 持 可 编程 


管线 又 完全 文 持 固定 管线 编程 接口 的 版 本 ， 在 OpenGL 3.2 中 ，Core 
Profile 束 完全 移 除了 固定 管线 的 概念 。 


因此 ， 如 果 读 者 不 是 为 了 对 较 旧 的 设备 进行 兼容 ， 不 建议 继续 使 
用 固定 管线 的 泻 染 方式 。 


2.5 那么 ， 你 明日 什么 是 Shader 了 吗 


我 们 之 所 以 要 花 很 大 篇 幅 来 讲述 GPU 的 泻 染 流水线 ， 是 因为 
Shader 所 在 的 阶段 吏 是 演 染 流水 线 的 一 部 分 ， 更 具体 来 说 ，Shader 束 
日 
人 EE: 


。 GPU 流水 线 上 一 些 可 高 度 编 程 的 阶段 ， 而 由 着 色 需 编译 出 来 的 最 
终 代 码 是 会 在 GPU 上 运行 的 “对 于 固定 管线 的 泻 染 来 说 ， 着 色 器 
有 时 等 同 于 一 些 特定 的 泻 染 设置 ) ; 


。 有 一 些 特定 类 型 的 着 色 右 ， 如 顶点 着 色 器 、 片 元 着 色 咒 等 ; 
。 依靠 着 色 需 我 们 可 以 控制 流水 线 中 的 演 染 细节 ， 例 如 用 顶点 着色 
絮 来 进行 顶点 变换 以 及 传递 数据 ， 用 片 元 着 色 右 来 进行 逐 像素 的 


洽 染 。 


但 同时 ， 我 们 也 要 明白 ， 要 得 到 出 色 的 游戏 画面 是 需要 包括 
Shader 在 内 的 所 有 演 当 流水线 阶段 的 共同 参与 才 可 完成 : 设置 适当 的 
浑 染 状态 ， 使 用 合适 的 混合 画 数 ， 开 局 还 是 关闭 深度 测试 /深度 写 入 
等 。 


Unity 作 为 一 个 出 色 的 编辑 工具 ， 为 我 们 提供 了 一 个 既 可 以 方便 地 
编写 着 色 器 ， 同 时 又 可 设置 泻 染 状态 的 地 方 : Unity Shader。 在 下 一 
章 中 ， 我 们 将 真正 走 进 Unity Shader 的 世界 。 


2.6 扩展 阅读 


如 果 读 者 对 泻 染 流 水 线 的 细 市 感 兴 趣 ， 可 以 阅读 更 多 的 资料 。 托 
马 斯 在 他 们 的 著作 时 中 给 出 了 很 多 有 关 实 时 泻 染 的 内 容 ， 这 本 书 被 誉 
为 图 形 学 中 的 圣经 。 如 果 你 仍然 觉得 本 书 讲解 的 Draw Call 不 够 形象 生 
动 ， 西蒙 在 他 的 文章 中 给 出 了 很 多 动态 的 演示 效果 ， 而 且 值得 注意 的 
是 ， 西 蒙 本 人 是 一 位 美术 工作 者 。 为 什么 需要 批 处 理 ， 什 么 时 候 需 要 
批 处 理 等 更 多 关于 批 处 理 的 内 容 ， 可 以 在 NVIDIA 所 做 的 一 次 报告 四 
中 找到 更 多 的 答案 。 如 果 读 者 对 OpenGL 和 DirectX 的 泻 染 流水 线 的 实 
现 细 厄 感 兴趣 ， 那 么 阅读 它们 的 文档 (https://www. 
opengl.org/wiki/Rendering_Pipeline_Overview ， 
https://msdn.microsoft.com/en-us/ library/windows/ 
desktop/ff476882(v=vs.85).aspx ) 是 一 个 非常 好 的 途径 。 


[1] Akenine-Méller T, Haines E, Hoffman N. Real-time rendering[M|. 
CRC Press, 2008. 


[2] Wloka M. Batch, Batch, Batch: What does it really mean? 
[C]/Presentation at game developers conference. 2003. 


第 3 章 “Unity Shader 基 础 


通过 前 面 的 学 习 内 容 我 们 已 经 知道 ，Shader 并 不 是 什么 神秘 的 东西 ， 它 
们 其 实 就 是 泻 染 流 水 线 中 的 某 些 特定 阶段 ， 如 顶点 着 色 器 阶段 、 片 元 着 色 器 


阶段 等 


在 没有 Unity 这 类 编辑 器 的 情况 下 ， 如 采 我 们 想 要 对 菏 个 模型 设置 泻 染 
状态 ， 可 能 需要 类 似 下 面 的 代码 : 


// 初始 化 演 染 设置 
void Initialization() { 


// 从 硬盘 上 加 载 顶 点 着 色 器 的 代码 
string vertexShaderCode = LoadShaderFromFile(VertexShader.shader); 
// 从 硬盘 上 加 载 片 元 着 色 器 的 代码 
string fragmentShaderCode = LoadShaderFromFile(FragmentShader .shader),; 
// 把 顶点 着 色 器 加 载 到 GPU 中 
LoadVertexShaderFromString(vertexShaderCode); 
// 把 片 元 着 色 器 加 载 到 GPU 中 
LoadFragmentShaderFromString(fragmentShaderCode); 


// 设置 名 为 "vertexPosition" 的 属性 的 输入 ， 即 模型 顶点 坐标 
SetVertexShaderProperty("vertexPosition", vertices); 

// 设置 名 为 "MainTex" 的 属性 的 输入 ，someTexture 是 某 张 已 加 载 的 纹理 
SetVertexShaderProperty("MainTex", someTexture); 
// 设置 名 为 "MVP" 的 属性 的 输入 ，MVP 是 之 前 由 开发 者 计算 好 的 变换 矩阵 
SetVertexShaderProperty("MVP", MVP); 


全 


// 关闭 混合 

Disable(Blend); 

// 设置 深度 测试 

Enable(ZText); 
SetZTestFunction(LessOrEqual); 


// 其 他 设置 


} 


// 每 一 帧 进行 泻 染 
void OnRendering() { 
// 调用 泻 染 命令 
DrawCall( ); 
// 当 涉 及 多 种 泻 染 设置 时 ， 我 们 可 能 还 需要 在 这 里 改变 各 种 泻 染 设置 


VertexShader.shader: 


// 输入 :顶点 位 置 、 纹 理 、MVP 变 换 和 矩阵 
in float3 vertexPosition; 

in sampler2D MainTex; 

in Matrix4x4 MVP; 


// 输出 : 顶点 经 过 MVP 变 换 后 的 位 置 
out float4 position; 


void main() { 
// 使 用 MVP 对 模型 顶点 坐标 进行 变换 


position = MVP * vertexPosition,; 


FragmentShader.shader: 


// 输入 : VertexShader 输 出 的 position、 经 过 光栅 化 程序 插值 后 的 该 片 元 对 应 的 position 
in float4 position; 


// 输出 : 该 片 元 的 颜色 值 
out float4 fragColor 


void main() { 
// 将 片 元 颜色 设 为 白色 
fragColor = float4(1.0, 1.0, 1.0, 1.0); 


上 述 伪 代码 仅仅 是 简化 后 的 版 本 ， 当 泻 染 的 模型 数目 、 需 要 调整 的 着 色 
硬 属 性 不 断 增 多 上 时， 上述 过 程 将 变 得 更 加 复 洒 和风 长。 而且， 当 涉 及 透明 物 
体 等 多 物体 的 泻 染 时 ， 如 果 没 有 编辑 右 的 帮助 ， 我 们 要 非 第 小 心 如 泻 染 顺 序 


ree 
等 问题 。 


Unity 的 出 现 改善 了 上 面 的 状况 。 它 提供 了 一 个 地 方 能 够 让 开发 者 更 加 
轻松 地 管理 着 色 器 代码 以 及 泻 染 设置 (如 开启 /关闭 混合 、 深 上 度 测 试 、 设 置 
泻 染 顺序 等 ， 而 不 需要 像 上 面 的 伪 代 码 一 样 ， 管 理 多 个 文件 和 函数 等 。 
Unity 提 供 的 这 个 “方便 的 地 方 ”， 就 是 Unity Shader 。 


3.1 Unity Shader 概 述 
那么 如 何 充分 利用 Unity Shader 来 为 我 们 的 游戏 增光 添彩 呢 ? 
3.1.1 ”一 对 好 兄弟 : 材质 和 Unity Shader 


总 体 来 说 ， 在 Unity 中 我 们 需要 配合 使 用 材质 (Material) 和 Unity 
Shader 才 能 达到 需要 的 效果 。 一 个 最 常见 的 流程 是 : 


(1) 创建 一 个 材质 ; 

(2) 创建 一 个 Unity Shader， 并 把 它 赋 给 上 一 步 中 创建 的 材质 ; 
(3) 把 材质 赋 给 要 泻 染 的 对 象 ; 

(4) 在 材质 面板 中 调整 Unity Shader 的 属性 ， 以 得 到 满意 的 效果 。 


图 3.1 显 示 了 Unity Shader 和 材质 是 如 何 一 起 工作 来 控制 物体 的 洽 染 


Unity Shader 


A 图 3.1 Unity Shader 和 材质 。 首 先 创建 需要 的 Unity Shader 和 材质 ， 然 后 把 Unity Shader 贱 给 材 
质 ， 并 在 材质 面板 上 调整 属性 《如 使 用 的 纹理 、 漫 反射 系数 等 ) 。 最 后 ， 将 材质 赋 给 相应 的 模 
型 来 查看 最 终 的 泻 染 效果 


可 以 发 现 ，Unity Shader 定 义 了 泻 染 所 需 的 各 种 代码 (如 顶点 着 色 
器 和 片 元 着 色 器 ) 、 属 性 (如 使 用 哪些 纹理 等 ) 和 指令 ( 泻 染 和 标签 
次 置 等 》， 而 材质 则 允许 我 们 调节 这 些 属性 ， 并 将 其 最 终 导 给 相应 的 
席 型 。 


3.1.2 ”Unity 中 的 材质 


Unity 中 的 材质 需要 结合 一 个 GameObject 的 Mesh 或 者 Particle 
Systems 组 件 来 工作 。 它 决定 了 我 们 的 游戏 对 象 看 起 来 是 什么 样子 的 
(这 当然 也 需要 Unity Shader 的 配合 ) 。 


为 了 创建 一 个 新 的 材质 ， 我 们 可 以 在 Unity 的 菜单 栏 中 选择 Assets - 
> Create -> Material 来 创建 ， 也 可 以 直接 在 Project 视 图 中 右 击 -> Create 
-> Material 来 创建 。 当 创建 了 一 个 材质 后 ， 束 可 以 把 它 赋 给 一 个 对 象 。 
这 可 以 通过 把 材质 直接 拖 电 到 Scene 视图 中 的 对 象 上 来 实现 ， 或 者 在 该 
对 象 的 Mesh Renderer 组 件 中 直接 赋值 ， 如 图 3.2 所 示 。 


在 Unity 5.x 版 本 中 ， 默 认 情 况 下 ， 一 个 新 建 的 材质 将 使 用 Unity 内 
置 的 Standard Shader， 这 是 一 种 基于 物理 泻 染 的 着 色 器 ， 我 们 将 在 第 18 
章 中 讲 到 。 


对 于 美术 人 员 来 说 ， 材 质 是 他 们 十 分 熟悉 的 一 种 事物 。Unity 的 材 

质 和 许多 建 模 软件 (如 Cinema 4D、Maya 等 ) 中 提供 的 材质 功能 类 似 ， 

它们 都 提供 了 一 个 面板 来 调整 材质 的 各 个 参数 。 这 种 可 视 化 的 方法 使 

0 自行 在 代码 中 设置 和 改变 泻 染 所 需 的 各 种 参数 ， 如 
3.3 有 所 不 。 


A 图 3.2 ”将 材质 直接 拖 抽 到 模型 的 Mesh Renderer 组 件 中 
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A 图 3.3 材质 提供 了 一 种 可 视 化 的 方式 来 调整 着 色 器 中 使 用 的 参数 


单 击 图 标 “1” 可 变换 面板 中 使 用 的 基础 模型 种 类 ，Unity 支 持 球 、 立 方 体 、 圆 柱 体 等 多 种 基础 
模型 ， 单 击 图 标 “2” 可 变换 面板 中 使 用 的 光照 。 


3.1.3 ”Unity 中 的 Shader 


为 了 和 前 面 通用 的 Shader 语 义 进行 区 分 ， 我 们 把 Unity 中 的 Shader 文 
件 统称 为 Unity Shader 。 这 是 因为 ，Unity Shader 和 我 们 之 前 提 及 的 泻 
染 管 线 的 Shader 有 很 大 不 同 ， 我 们 会 在 3.6.2 节 中 进行 更 加 详细 的 解释 。 


为 了 创建 一 个 新 的 Unity Shader， 我 们 可 以 在 Unity 的 菜单 栏 中 选择 
Assets -> Create -> Shader 来 创建 ， 也 可 以 直接 在 Project 视 图 中 右 击 -> 
Create -> Shader 来 创建 。 在 Unity 5.2 及 以 上 版 本 中 ，Unity 一 共 提 供 了 4 
种 Unity Shader 模 板 供 我 们 选择 Standard Surface Shader ,Unlit 
Shader ,Image Effect Shader 以 及 Compute Shader 。 其 中 ，Standard 
Surface Shader 会 产生 一 个 包含 了 标准 光照 模型 (使 用 了 Unity 5 中 新 添 
加 的 基于 物理 的 泻 染 方法 ， 详 见 第 18 昔 ) 的 表面 着 色 器 模板 ，Unlit 
Shader 则 会 产生 一 个 不 包含 光照 (但 包含 筋 效 ) 的 基本 的 顶点 / 片 元 着 
色 器 ，Image Effect Shader 则 为 我 们 实现 各 种 屏幕 后 处 理 效 果 〈 详 见 第 
12 章 ) 提供 了 一 个 基本 模板 。 最 后 ，Compute Shader 会 产生 一 种 特殊 
的 Shader 文 件 ， 这 类 Shader 旨 在 利用 GPU 的 并 行 性 来 进行 一 些 与 音 规 洽 
染 流 水 线 无 天 的 计算 ， 而 这 不 在 本 书 的 讨论 范围 内 ， 读 者 可 以 在 Unity 
手册 的 Compute Shader 一 文 

(http://docs.unity3d.com/Manual/ComputeShaders.html ) 中 找到 更 多 的 
介绍 。 总 体 来 说 ，Standard Surface Shader 为 我 们 提供 了 典型 的 表面 着 
色 器 的 实现 方法 ， 但 本 书 的 重点 在 于 如 何在 Unity 中 编写 顶点 / 片 元 着 色 
久 ， 因 此 在 后 续 的 学 习 中 ， 我 们 通常 会 使 用 Unlit Shader 来 生成 一 个 基 
本 的 顶点 / 片 元 着 色 器 模板 。 


一 个 单独 的 Unity Shader 是 无 法 发 挥 任何 作用 的 ， 它 必须 和 材质 结 
合 起 来 ， 才 能 发 生 神奇 的 “化 学 反应 ”! 为 此 ， 我 们 可 以 在 材质 面板 最 
上 方 的 下 拉 染 单 中 选择 需要 使 用 的 Unity Shader。 当 选择 完毕 后 ， 材 质 
面板 中 就 会 出 现 该 Unity Shader 可 用 的 各 种 属性 。 这 些 属性 可 以 是 颜 
色 、 纹 理 、 浮 点 数 、 滑 动 条 (限制 了 范围 的 浮 点 数 ) 、 向 量 等 。 当 我 
们 把 材质 赋 给 场景 中 的 一 个 对 象 时 ， 束 可 以 看 到 调整 属性 所 发 生 的 视 


We 


Unity Shader 本 质 上 就 是 一 个 文本 文件 。 和 Unity 中 的 很 多 外 部 文件 
类 似 ，Unity Shader 也 有 导入 设置 〈Import Settings) 面板 ， 在 Project 
视图 中 选中 某 个 Unity Shader 即 可 看 到 。 在 Unity 5.2 版 本 中 ，Unity 
Shader 的 导入 设置 面板 如 图 3.4 所 示 。 


在 该 面板 上 ， 我 们 可 以 在 Default Maps 中 指定 该 Unity Shader 使 用 
的 默认 纹理 。 当 任何 材质 第 一 次 使 用 该 Unity Shader 上 时， 这些 纹 理 就 会 
目 动 被 赋予 到 相应 的 属性 上 。 在 下 方 的 面板 中 ，Unity 会 显示 出 和 该 
Unity Shader 相 关 的 信息 ， 例 如 它 是 否 是 一 个 表面 着 色 器 (Surface 
Shader) 、 是 否 是 一 个 固定 函数 着 色 器 (Fixed Function Shader) 等 ， 
还 有 一 些 信 息 是 和 我 们 在 Unity Shader 中 的 标签 设置 ( 详 见 3.3.3 节 ) 有 
天 ， 例 如 是 否 会 投 喘 阴影、 使 用 的 演 染 队列 、LOD 值 等 。 


对 于 表面 着 色 器 ( 详 见 3.4.1 节 ) 来 说 ， 我 们 可 以 通过 单 击 Show 
generated code 按钮 来 打开 一 个 新 的 文件 ， 在 该 文件 里 将 显示 Unity 在 背 
后 为 该 表面 着 色 器 生成 的 顶点 / 片 元 着 色 器 。 这 可 以 方便 我 们 对 这 些 生 
成 的 代码 进行 修改 (需要 复制 到 一 个 新 的 Unity Shader 中 才 可 保存 ) 和 
人 研究。 同样 地 ， 如 果 该 Unity Shader 是 一 个 固定 函数 着 色 器 ， 在 Fixed 
function 的 后 面 也 会 出 现 一 个 Show generated code 按钮 ， 来 让 我 们 查看 
该 固定 函数 着 色 器 生成 的 顶点 / 片 元 着 色 器 。Compile and show code 下 
拉 列 表 可 以 让 开发 者 检查 该 Unity Shader 针 对 不 同 图 像 编 程 接 口 (例如 
OpenGL、D3D9、D3D11 等 ) 最 终 编译 成 的 Shader 人 代码， 如 图 3.5 所 示 。 
直接 单 击 该 按钮 可 以 查看 生成 的 确 层 的 汇编 指令 。 我 们 可 以 利用 这 些 
代码 来 分 析 和 优化 着 色 器 。 


全 图 3.4 Unity Shader 的 导入 设置 面板 


A 图 3.5 Compile and show code 下 拉 列 表 


除 此 之 外 ，Unity Shader 的 导入 面板 还 可 以 方便 地 碍 看 其 使 用 的 泻 
染 队 列 (Render queue) 、 是 否 关 闭 批 处 理 (Disable batching) 、 属 性 
列表 (Properties) 等 信息 。 


3.2 ”Unity Shader 的 基础 : ShaderLab 
“计算 机 科学 中 的 任何 问题 都 可 以 通过 增加 一 层 抽象 来 解决 。” 
一 大 卫 . 惠 勒 
学 习 和 编写 痢 色 需 的 过 程 一 直 是 一 个 学 习 曲 线 很 陡峭 的 过 程 。 通 
常情 况 下 ， 为 了 自 定义 演 染 效果 往往 需要 和 很 多 文件 和 设置 打交道 ， 
这 些 过 程 很 容易 消磨 掉 初 学 者 的 耐心 。 而 且 ， 一 些 细节 问题 也 往往 需 
要 开发 者 花费 较 多 的 时 间 去 解决 。 


Unity 为 了 解决 上 述 问 题 ， 为 我 们 提供 了 一 层 抽象 一 -Unity 
Shader。 而 我 们 和 这 层 抽 象 打 交道 的 途径 就 是 使 用 Unity 提 供 的 一 种 专 
门 为 Unity Shader 服 务 的 语言 一 -ShaderLab 。 


什么 是 ShaderLab? 


"ShaderLab is a friend you can afford." 一 一 尼古拉斯 : 弗 表 西 斯 
(Nicholas Francis) ，Unity 前 首席 运营 官 (COO) 和 联合 创始 人 之 


Unity Shader 是 Unity 为 开发 者 提供 的 高 层级 的 泻 染 抽象 层 。 图 3.6 显 
示 了 这 样 的 抽象 。Unity 硕 望 通过 这 种 方式 来 让 开发 者 更 加 轻松 地 控制 


泻 染 。 


六 I 
haderL 
对 泻 染 顺序 使 用 ShaderLab 
败 进行 排序 
顶点 A NX 
Unit 
ee EE Shedsr 
A 图 3.6 Unity Shader 为 控制 浑 染 过 程 提供 了 一 层 抽象 。 如 果 没 有 使 用 Unity Shader ( 左 图 ) ， 


开发 者 需要 和 很 多 文件 和 设置 打交道 ， 才 能 让 画面 呈现 出 想 要 的 效果 而 在 Unity Shader 的 帮 
助 下 ( 右 图 ) ， 开 发 者 只 需要 使 用 ShaderLab 来 编写 Unity Shader 文 件 就 可 以 完成 所 有 的 工作 


在 Unity 中 ， 所 有 的 Unity Shader 都 是 使 用 ShaderLab 来 编写 的 。 
ShaderLab 是 Unity 提 供 的 编写 Unity Shader 的 一 种 说 明 性 语言 。 它 使 用 
了 一 些 肉 套 在 花 括号 内 部 的 语义 (syntax) 来 描述 一 个 Unity Shader 文 
件 的 结构 。 这 些 结构 包含 了 许多 渲染 所 需 的 数据 ， 例 如 Properties 语句 
块 中 定义 了 着 色 器 所 需 的 各 种 属性 ， 这 些 属性 将 会 出 现在 材质 面板 
中 。 从 设计 上 来 说 ，ShaderLab 类 似 于 CgFX 和 Direct3D Effects (.FX) 


语言 ， 它 们 都 定义 了 要 显示 一 个 材质 所 需 的 所 有 东西 ， 而 不 仅仅 是 着 
色 器 代码 。 


一 个 Unity Shader 的 基础 结构 如 下 所 示 : 


Shader "ShaderName" { 


Properties { 
// 属性 


} 
SubShader { 
// 显卡 A 使 用 的 子 着 色 器 


} 
SubShader { 

// 显卡 B 使 用 的 子 着 色 器 
} 


Fallback "VertexLit" 
} 


Unity 在 背后 会 根据 使 用 的 平台 来 把 这 些 结构 编译 成 真正 的 代码 和 
Shader 文 件 ， 而 开发 者 只 需要 和 Unity Shader 打 交道 即 可 。 


3.3 “Unity Shader 的 结构 


在 上 一 市 的 伪 代 码 中 我 们 见 到 了 一 些 ShaderLab 的 语义 ， 如 
Properties 、SubShader 、Fallback 等 。 这 些 语义 定义 了 Unity Shader 的 
结构 ， 从 而 帮助 Unity 分 析 该 Unity Shader 文 件 ， 以 便 进 行 正 确 的 编 
译 。 在 下 面 ， 我 们 会 解释 这 些 基 础 的 语义 售 义 和 用 法 。 


3.3.1 ”给 我 们 的 Shader 起 个 名 字 


每 个 Unity Shader 文 件 的 第 一 行 都 需要 通过 Shader 语义 来 指定 该 
Unity Shader 的 名 字 。 这 个 名 字 由 一 个 字符 串 来 定义 ， 例 
如 “MyShader”。 当 为 材质 选择 使 用 的 Unity Shader 时 ， 这 些 名 称 就 会 出 
现在 材质 面板 的 下 拉 列 表 里 。 通 过 在 字符 串 中 添加 斜 杠 〈“/”) ， 可 以 
控制 Unity Shader 在 材质 面板 中 出 现 的 位 置 。 例 如 : 


Shader "Custom/MyShader™" { } 


那么 这 个 Unity Shader 在 材质 面板 中 的 位 置 就 是 : Shader -> 
Custom -> MyShader ， 如 图 3.7 所 示 。 
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和 图 3.7 在 Unity Shader 的 名 称 定 义 中 利用 斜 术 


来 组 织 在 材质 面板 中 的 位 置 


3.3.2 ”材质 和 Unity Shader 的 桥梁 : Properties 


Properties 语义 块 中 包含 了 一 系列 属性 (property) ， 这 些 属性 
出 现在 材质 面板 中 。 


Properties 语义 块 的 定义 通 


将 会 


第 如 下 : 


Properties { 
Name ("display name", PropertyType) 
Name ("display name", PropertyType) 


DefaultValue 
DefaultValue 
// 更 多 属性 


开发 者 们 声明 这 些 属 性 是 为 了 在 材质 面板 中 能 够 方便 地 调整 各 种 
材质 属性 。 如 果 我 们 需要 在 Shader 中 访问 它们 ， 就 需要 使 用 每 个 属性 
的 名 字 (Name) 。 在 Unity 中 ， 这 些 属性 的 名 字 通 常 由 一 个 下 划 线 开 


始 。 显 示 的 名 称 (display name) 则 是 出 现在 材质 面板 上 的 名 字 。 我 
们 需要 为 每 个 属性 指定 它 的 类 型 (PropertyType) ， 常 见 的 属性 类 型 
如 表 3.1 所 示 。 除 此 之 外 ， 我 们 还 需要 为 每 个 属性 指定 一 个 默认 值 ， 在 
我 们 第 一 次 把 该 Unity Shader 赋 给 某 个 材质 时 ， 材 质 面板 上 显示 的 就 是 
这 些 默 认 值 。 


表 3.1 ”Properties 语 义 块 支持 的 属性 类 型 


_Range("Range", Range(0.0, 5.0)) 
= 3.0 


(number,number,number,number) |_Color ("Color", Color) = (1,1,1,1) 


_Vector ("Vector", Vector) = (2, 3， 
6, 1) 


"defaulttexture" {} 2D02D 2D) Et 
"defaulttexture" {} _Cube ("Cube", Cube) = "white" {} 
"defaulttexture" {} _3D ("3D", 3D) = "black" {} 


对 于 Int 、Float 、Range 这 些 数 字 类 型 的 属性 ， 其 默认 值 就 是 一 
个 单独 的 数字 ， 对 于 Color 和 Vector 这 类 属性 ， 默 认 值 是 用 圆 括号 包 
围 的 一 个 四 维 向 量 ;， 对 于 2D 、Cube 、3D 这 3 种 纹理 类 型 ， 默 认 值 的 
定义 稍微 复杂 ， 它 们 的 默认 值 是 通过 一 个 字符 串 后 跟 一 个 花 括 号 来 指 


(number,number,number,number) 


定 的 ， 其 中 ， 字 符 串 要 么 是 空 的 ， 要 么 是 内 置 的 纹理 名 称 ， 

如 “white”“black”gray” 或 者 “bump”。 花 括 号 的 用 处 原本 是 用 于 指定 一 
些 纹理 属性 的 ， 例 如 在 Unity 5.0 以 前 的 版 本 中 ， 我 们 可 以 通过 TexGen 
CubeReflect 、TexGen CubeNormal 等 选项 来 控制 固定 管线 的 纹理 从 
标的 生成 。 但 在 Unity 5.0 以 后 的 版 本 中 ， 这 些 选 项 被 移 除 了 ， 如 果 我 
0 束 需 要 上 自己 在 顶点 着 色 器 中 编写 计算 相应 纹理 从 
未 的 代码。 


下 面 的 代码 给 出 了 一 个 展示 所 有 属性 类 型 的 例子 : 


Shader "Custom/ShaderLabProperties" { 
Properties { 
// Numbers and Sliders 
Int ("Int", INt) = 2 


_Float ("Float", Float) = 1.5 
_Range("Range", Range(0.0, 5.0)) = 3.0 

// Colors and Vectors 

_Color ("Color", Color) = (1,1.,1,1) 
_Vector ("Vector", Vector) = (2, 3, 6, 1) 


// Textures 

_2D ("2D", 2D) 一 I {} 

_Cube ("Cube", Cube) = "white" {} 
_3D ("3D", 3D) = "black" {} 


FallBack "Diffuse" 
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Offset 


和 图 3.8 不 同属 性 类 型 在 材质 面板 中 的 显示 结果 
图 3.8 给 出 了 上 述 代码 在 材质 面板 中 的 显示 结案 。 


有 时 ， 我 们 想 要 在 材质 面板 上 显示 更 多 类 型 的 变量 ， 例 如 使 用 布 
尔 变量 来 控制 Shader 中 使 用 哪 种 计算 。 | 质 
编辑 面板 ， 以 提供 更 多 目 定义 的 数据 类 型 。 我 们 在 本 书 资源 的 材质 
Assets -> Materials -> Chapter3 -> RedifyMat 中 提供 了 这 样 一 个 简单 的 
例子 ， 这 个 例子 参考 了 官方 手册 的 Custom Shader GUI 一 文 
(http://docs.unity3d.com/Manual/SL-CustomShaderGUI.html ) 中 的 代 
但 。 


为 了 在 Shader 中 可 以 访问 到 这 些 属性 ， 我 们 需要 在 Cg 代码 片 中 定 
义 和 这 些 属性 类 型 相 匹 配 的 变量 。 需 要 说 明 的 是 ， 即 使 我 们 不 在 
Properties 语义 块 中 声明 这 些 属 性 ， 也 可 以 直接 在 Cg 代码 片 中 定义 变 
量 。 此 时 ， 我 们 可 以 通过 脚本 向 Shader 中 传递 这 些 属性 。 因 此 ， 
En 语义 块 的 作用 仅仅 是 为 了 让 这 些 属性 可 以 出 现在 材质 面板 


3.3.3 ”重量 级 成 员 : SubShader 


每 一 个 Unity Shader 文 件 可 以 包含 多 个 SubShader 语义 块 ， 但 最 少 
要 有 一 个 。 当 Unity 需 要 加 载 这 个 Unity Shader 时 ，Unity 会 扫描 所 有 的 
SubShader 语义 块 ， 然 后 选择 第 一 个 能 够 在 目标 平台 上 运行 的 
SubShader 。 如 有 果 都 不 支持 的 话 ，Unity 束 会 使 用 Fallback 语义 指定 的 
Unity Shader ° 


Unity 提 供 这 种 语义 的 原因 在 于 ， 不 同 的 显卡 具有 不 同 的 能 力 。 例 
如 ， 一 些 旧 的 显卡 仅 能 文 持 一 定数 目的 操作 指令 ， 而 一 些 更 高 级 的 显 
卡 可 以 支持 更 多 的 指令 数 ， 那 么 我 们 希望 在 旧 的 显卡 上 使 用 计算 复杂 
度 较 低 的 着 色 器 ， 而 在 高 级 的 显卡 上 使 用 计算 复杂 度 较 高 的 着 色 器 ， 
以 便 提 供 更 出 色 的 画面 。 


SubShader 语义 块 中 包含 的 定义 通常 如 下 : 


SubShader { 
// 可 选 的 
[Tags] 
// 可 选 的 
[RenderSetup] 


Pass { 


// Other Passes 


SubShader 中 定义 了 一 系列 Pass 以 及 可 选 的 状态 

([RenderSetup]) 和 标签 ([Tags]) 设置 。 每 个 Pass 定义 了 一 次 完整 
的 泻 染 流程 ， 但 如 有 果 Pass 的 数目 过 多 ， 往 往 会 造成 泻 染 性 能 的 下 降 。 
因此 ， 我 们 应 尽量 使 用 最 小 数目 的 Pass。 状 态 和 标签 同样 可 以 在 Pass 
声明 。 不 同 的 是 ，SubShader 中 的 一 些 标 签 设置 是 特定 的 。 也 就 是 
说 ， 这 些 标 签 设置 和 Pass 中 使 用 的 标签 是 不 一 样 的 。 而 对 于 状态 设置 
来 说 ， 其 使 用 的 语法 是 相同 的 。 但 是 ， 如 果 我 们 在 Subshader 进行 了 
这 些 设置 ， 那 么 将 会 用 于 所 有 的 Pass 。 


e 状态 设置 


ShaderLab 提 供 了 一 系列 渲染 状态 的 设置 指令 ， 这 些 指令 可 以 设置 
显卡 的 各 种 状态 ， 例 如 是 否 开局 混合 /深度 测试 等 。 表 3.2 给 出 了 
ShaderLab 中 常见 的 泻 染 状态 设置 选项 。 


表 3.2 常见 的 泻 染 状 态 设置 选项 


设置 吻 除 模式 ， 殊 除 背 
Cull Back | Front | Off 正面/ 关闭 剔除 


ZTest Less Greater | LEqual | GEqual | 设置 深度 测试 时 使 用 的 
Equal | NotEqual | Always 数 


ZWrite On | Off /关闭 深度 写 入 
Blend SrcFactor DstFactor 启 并 设置 混合 模式 


当 在 SubShader 块 中 设置 了 上 壕 泻 染 状态 上 时， 将 会 应 用 到 所 有 的 
Pass 。 如 果 我 们 不 想 这 样 (例如 在 双 面 泻 染 中 ， 我 们 希望 在 第 一 个 
Pass 中 崭 除 正面 来 对 背面 进行 演 染 ， 在 第 二 个 Pass 中 剔除 背面 来 对 正 
面 进 行 渲染 ) ， 可 以 在 Pass 语义 块 中 单独 进行 上 面 的 设置 。 


e SubShader 的 标签 


SubShader 的 标签 (Tags) 是 一 个 键 值 对 (Key/Value Pair) ， 它 
的 键 和 值 都 是 字符 串 类 型 。 这 些 键 值 对 是 Subshader 和 泻 染 引 警 之 间 
的 沟通 桥梁 。 它 们 用 来 告诉 Unity 的 泻 染 引擎 : 我 希望 怎样 以 及 何 时 泻 
染 这 个 对 象 。 


标签 的 结构 如 下 : 


Tags { "TagName1" = "Value1"” "TagName2" = "Value2" } 


SubShader 的 标签 块 支持 的 标签 类 型 如 表 3.3 所 示 。 
表 3.3 ”SubShader 的 标签 类 型 


控制 泻 染 顺序 ， 指 定 该 4 
哪 一 个 泻 染 队列 ， 通 过 
可 以 保证 所 有 的 透明 物体 可 以 克 Pr 
所 有 不 透明 物体 后 面 被 泻 染 ( 详 | Iags{ "Queue = 
见 第 8 章 ) ， 我 们 也 可 以 自 定义 | "Transparent } 
使 用 的 泻 染 队列 来 控制 物体 的 演 

染 顺 序 


对 着 色 器 进行 分 类 ， 例 如 这 是 一 
人 全 
RenderType 明 的 着 色 器 等 。 这 可 以 被 用 于 着 | ,8s eT YPe 一 
色 器 替换 (Shader OP 
Replacement) 功能 


一 些 Subshader 在 使 用 Unity 的 批 
处 理 功 能 时 会 出 现 问题 ， 例 如 使 
了 模型 空间 下 的 坐标 进行 顶 ， 点 | Tags { "DisableBatching" 
动画 ( 详 见 11.3 节 ) 。 这 时 可 以 |= "Tmer } 

通过 该 标签 来 直接 指明 是 否 对 该 

SubShader 使 用 批 处 理 


DisableBatching 


控制 使 人 的 物体 De 


ForceNoShadowCasting | 示 到 会 投射 阴影 ( 详 "ForceNoShadowCasting" 


二 "True" } 


详 见 8.4 节 ) 


如 果 该 标签 值 为 “True”， 那 么 使 
用 该 SubShader 的 物体 将 不 会 受 |Tags { "IgnoreProjector" 
Projector 的 影响 。 通 常用 于 半 透 "True" } 

明 物 体 


IgnoreProjector 


当 该 SubShader 是 用 于 精灵 Tags { 
CanUseSpriteAtlas (sprites) 时 ， 将 该 标签 设 "CanUseSpriteAtlas" = 
为 “False” "False" } 


明 材 质 面板 将 如 何 预览 该 材 
质 。 上 默认 情况 下 ， 材 质 将 显示 为 Tags { "Preview Type" = 
PreviewType 一 个 球形 ， 我 们 可 以 通过 把 该 标 ne 
设 为 "Plane”“SkyBox” 来 ee 
改变 预览 类 型 


具体 的 标签 设置 我 们 会 在 本 书后 面 的 章 市 中 讲 到 。 


需要 注意 的 是 ， 上 述 标 签 仅 可 以 在 SubShader 中 声明 ， 而 不 可 以 
在 Pass 块 中 声明 。Pass 块 虽然 也 可 以 定义 标签， 但 这 些 标签 是 不 同 于 
SubShader 的 标签 类 型 。 这 是 我 们 下 面 将 要 讲 到 的 。 


e Pass 语义 块 
Pass 语义 块 包 含 的 语义 如 下 : 


Pass { 
[Name] 


[Tags] 


[RenderSetup] 
// Other code 


首先 ， 我 们 可 以 在 Pass 中 定义 该 Pass 的 名 称 ， 例 如 : 


Name "MyPassName" 


通过 这 个 名 称 ， 我 们 可 以 使 用 ShaderLab 的 UsePass 命令 来 直接 使 
用 其 他 Unity Shiaasi 中 的 Pass "例如 ; 


UsePass "MyShader/MYPASSNAME" 


这 样 可 以 提高 代码 的 复 用 性 。 需 要 注意 的 是 ， 由 于 Unity 内 部 会 把 
所 有 Pass 的 名 称 转换 成 大 写字 母 的 表示 ， 因 此 ， 在 使 用 UsePass 命令 
时 必须 使 用 大 写 形式 的 名 字 。 


其 次 ， 我 们 可 以 对 Pass 设置 演 染 状态 。SubShader 的 状态 设置 同 
样 适用 于 Pass ° 除了 上 上 面 提 到 的 状态 设置 外 ， 在 Pass 中 我 们 还 可 以 使 
用 固定 管线 的 着 色 器 ( 详 见 3.4.3 节 ) 命令 


Pass 同样 可 以 设置 标签 ,但 它 的 标签 不 同 于 SubShader 的 标签 。 
这 些 标签 也 是 用 于 告诉 演 染 引擎 我 们 希望 怎样 来 泻 染 该 物体 。 表 3.4 给 
出 了 Pass 中 使 用 的 标签 类 型 。 


表 3.4 “Pass 的 标签 类 型 


Tags { 
定义 该 Pass 在 Unity 的 演 染 流水 线 中 的 角 "LightMode" = 
"ForwardBase" } 


用 于 指定 当 满足 某 些 条 件 时 才 泻 染 该 pass， 它 的 | Tags{ ， 
板 公 隔 的 宇 适 电 。 日 前 RequireOptions 
值 各 分 也 的 字符 串 。 目 前 ，Unity 支 |- 


RequireOptions | 持 的 选项 有 :， SoftVegetation。 在 后 面 的 版 本 中 ， |- 


'SoftVegetation" 
} 


可 能 会 增加 更 多 的 选项 


除了 上 面 普 f 通 的 Pass 定 义 外 ，Unity Shader 还 支持 一 些 特殊 的 Pass 
， 以 便 进 行 代码 复 用 或 实现 更 复杂 的 效果 。 


。 UsePass : 如 我 们 之 前 提 到 的 一 样 ， 可 以 使 用 该 命令 来 复 用 其 他 
Unity Shader 中 的 Pass ; 

。 GrabPass : 该 Pass 负责 抓 取 屏 幕 并 将 结果 存储 在 一 张 纹理 中 ， 
以 用 于 后 续 的 Pass 处 理 ( 详 见 10.2.2 节 ) 。 


如 果 读 者 对 上 述 出 现 的 某 些 定义 和 名 词 无 法 理解 ， 也 不 要 担心 。 
在 本 书后 面 的 章节 中 ， 我 们 会 对 这 些 内 容 进行 更 加 深入 的 讲解 。 


3.3.4” 留 一 条 后 路 : Fallback 

紧 跟 在 各 个 SubShader 语义 块 后 面 的 ， 可 以 是 一 个 Fallback 指令 。 
它 用 于 告诉 Unity, “如 果 上 面 所 有 的 SubShader 在 这 块 显卡 上 都 不 能 运 
行 ， 那 么 就 使 用 这 个 最 低级 的 Shader 吧 ! ” 


它 的 语义 如 下 : 


Fallback "name" 


// 或 者 


Fallback Off 


如 上 所 述 ， 我 们 可 以 通过 一 个 字符 串 来 告诉 Unity 这 个 “最 低级 的 
Unity Shader* 是 谁 。 我 们 也 可 以 任性 地 关闭 Fallback 功能 ， 但 一 旦 你 
这 么 做 ， 你 的 意思 大 概 就 是 : “如 果 一 块 显卡 跑 不 了 上 面 所 有 的 
SubShader， 那 天 不 要 管 它 了 1 ” 


下 面 给 出 了 一 个 使 用 Fallback 语句 的 例子 : 


Fallback "VertexLit" 


事实 上 ，Fallback 还 会 影响 阴影 鸣 投 映 。 在 演 染 阴影 纹理 时 ， 
Unity 会 在 每 个 Unity Shader 中 寻找 一 个 阴影 投 叶 的 Pass。 通 常情 况 下 ， 
我 们 不 需要 上 自己 专门 实现 一 个 Pass， 这 是 因为 Fallback 使 用 的 内 置 
Shader 中 包含 了 这 样 一 个 通用 的 Pass。 因 此 ， 为 每 个 Unity Shader 下 确 


设置 Fallback 是 非常 重要 的 。 更 多 关于 Unity 中 阴影 的 实现 ， 可 以 参见 
9.4 和 7。 


3.3.5 ”ShaderLab 还 有 其 他 的 语义 吗 


除了 上 上述 的 语义 ， 还 有 一 些 不 常用 到 的 语义 。 例 如 ， 如 有 果 我 们 不 
满足 于 Unity 内 置 的 属性 类 型 ， 想 要 目 定 义 材质 面板 的 编辑 界面 ， 怠 可 
以 使 用 CustomEditor 语义 来 扩展 编辑 界面 。 我 们 还 可 以 使 用 Category 
语义 来 对 Unity Shader 中 的 命令 进行 分 组 。 由 于 这 些 命令 很 少 用 到 ， 本 
书 将 不 再 进行 深入 的 讲解 。 


3.4 ”Unity Shader 的 形式 


在 上 面 ， 我 们 讲 了 Unity Shader 文 件 的 结构 以 及 ShaderLab 的 语 
法 。 尽 管 Unity Shader 可 以 做 的 事情 非常 多 (例如 设置 演 染 状态 等 ) ， 
但 其 最 重要 的 任务 还 是 指定 各 种 着 色 器 所 需 的 代码 。 这 些 着 色 句 代码 
可 以 写 在 SubShader 语义 块 中 (表面 着 色 器 的 做 法 ) ， 也 可 以 写 在 Pass 
语义 块 中 〈 顶 点 / 片 元 着 色 器 和 固定 函数 着 色 需 的 做 法 ) 


在 Unity 中 ， 我 们 可 以 使 用 下 面 3 种 形式 来 编写 Unity Shader。 而 不 
管 使 用 哪 种 形式 ， 真 正 意义 上 的 Shader 代 码 都 需要 包含 在 ShaderLab 语 
义 块 中 ， 如 下 所 示 : 


Shader "MyShader™" { 
Properties { 


// 所 需 的 各 种 属性 


} 
SubShader { 
// 真正 意义 上 的 Shader 代 码 会 出 现在 这 里 
// 表面 着 色 器 (Surface Shader) 或 者 
// 顶点 / 片 元 着 色 器 (Vertex/Fragment Shader) 或 者 
// 固定 函数 着 色 器 (Fixed Function Shader) 


} 
SubShader { 


// 和 上 一 个 SubShader 类 似 
} 
} 


3.4.1 Unity 的 宠儿 : 表面 着 色 器 


表面 着 色 器 (Surface Shader) 是 Unity 自 己 创 造 的 一 种 着 色 器 代 
码 类 型 。 它 需要 的 代码 量 很 少 ，Unity 在 背后 做 了 很 多 工作 ， 但 渲染 的 
代价 比较 大 。 它 在 本 质 上 和 下 面 要 讲 到 的 顶点 / 片 元 着 色 器 是 一 样 的 。 
也 就 是 说 ， 当 给 Unity 提 供 一 个 表面 着 色 器 的 时 候 ， 它 在 背后 仍旧 把 它 
转换 成 对 应 的 顶点 / 片 元 着 色 器 。 我 们 可 以 理解 成 ， 表 面 着 色 器 是 
Unity 对 顶点 /请 元 着 色 髓 的 更 高 一 层 的 抽象 。 它 存在 的 价值 在 于 ， 


人 使 得 我 们 不 需要 再 操心 这 些 “ 烦 人 
的 事情 ”。 


一 个 非常 简单 的 表面 着 色 闫 示例 代码 如 下 : 


Shader "Custom/Simple Surface Shader" { 
SubShader { 

Tags { "RenderType" = "Opaque" } 

CGPROGRAM 

#pragma surface surf Lambert 

struct Input { 
float4 color : COLOR; 

}; 

void surf (Input IN, inout SurfaceOutput 0) { 
o.Albedo = 1; 


} 
ENDCG 


} 
Fallback "Diffuse" 


从 上 述 程 序 中 可 以 看 出 ， 表 面 着 色 器 被 定义 在 SubShader 语义 块 
(而 非 Pass 语义 块 ) 中 的 CGPROGRAM 和 ENDCG 之 间 。 原 因 是 ， 表 
面 着 色 器 不 需要 开发 者 关心 使 用 多 少 个 Pass、 每 个 Pass 如 何 泻 染 等 问 
题 ，Unity 会 在 背后 为 我 们 做 好 这 些 事 情 。 我 们 要 做 的 只 是 告诉 
它 :“ 嘿 ， 使 用 这 些 纹理 去 填充 颜色 ， 使 用 这 个 法 线 纹理 去 填充 法 线 ， 
使 用 Lambert 光 照 模 型 ， 其 他 的 不 要 来 烦 我 ! ”。 


CGPROGRAM 和 ENDCG 之 间 的 代码 是 使 用 Cg/HLSL 编 写 的 ， 也 
瓯 是 说 ， 我 们 需要 把 CgHLSL 语 言 峰 套 在 ShaderLab 语 言 中 。 值 得 注意 
的 是 ， 这 里 的 Cg/HLSL 是 Unity 经 封装 后 提供 的 ， 它 的 语法 和 标准 的 
Cg/HLSL 语 法 几乎 一 样 ， 但 还 是 有 细微 的 不 同 ， 例 如 有 些 原生 的 函数 
和 用 法 Unity 并 没有 提供 支持 。 


3.4.2 ”最 聪明 的 孩子 : 顶点 / 片 元 着 色 器 


在 Unity 中 我 们 可 以 使 用 Cg/HLSL 语 言 来 编写 顶点 / 片 元 着 色 器 
(Vertex/Fragment Shader) 。 它 们 更 加 复杂 ， 但 灵活 性 也 更 高 。 


一 个 非常 简单 的 顶点 / 片 元 着 色 硕 示例 代码 如 下 : 


Shader "Custom/Simple VertexFragment Shader™ { 
SubShader { 
Pass 
CGPROGRAM 
#pragma vertex vert 
#pragma fragment frag 


float4 vert(float4 v : POSITION) : SV_POSITION { 
return mul (UNITY_MATRIX_ MVP, Vv); 
} 


fixed4 frag() : SV_Target { 


return fixed4(1.0,0.0,0.0,1.0); 
} 


ENDCG 


和 表面 着 色 嚣 类似， 顶点 / 片 元 着 色 器 的 代码 也 需要 定义 在 
CGPROGRAM 和 ENDCG 之 间 ， 但 不 同 的 是 ， 顶 点 /请 元 着 色 髓 是 写 在 
Pass 语义 块 内 ， 而 非 SubShader 内 的 。 原 因 是 ， 我 们 需要 目 己 定 义 每 
个 Pass 需 要 使 用 的 Shader 代 码 。 虽 然 我 们 可 能 需要 编写 更 多 的 代码 ， 

但 带 来 的 好 处 是 灵活 性 很 高 。 更 重要 的 是 ， 我 们 可 以 控制 泻 染 的 实现 
细节 。 同 样 ， 这 里 的 CGPROGRAM 和 ENDCG 之 间 的 代码 也 是 使 用 
Cg/HLSL 编 写 的 。 


3.4.3 ”被 抛弃 的 角落 : 固定 函数 着 色 器 


上 面 两 种 Unity Shader 形 式 都 使 用 了 可 编程 管线 。 而 对 于 一 些 较 旧 
的 设备 〈 其 GPU 仅 支 持 DirectX 7.0、OpenGL 1.5 或 OpenGL ES 1.1) ， 
例如 iPhone 3， 它 们 不 文 持 可 编程 管线 着 色 器 ， 因 此 ， 这 时 候 我 们 殉 需 
要 使 用 固定 画 数 着 色 器 (Fixed Function Shader) 来 完成 泻 染 。 这 些 
着 色 器 往往 只 可 以 完成 一 些 非常 简单 的 效果 。 


一 个 非常 简单 的 固定 函数 着 色 器 示例 代码 如 下 : 


Shader "Tutorial/Basic" { 
Properties { 
_Color ("Main Color", Color) = (1,0.5,0.5,1) 


} 
SubShader { 
Pass { 
Material { 
Diffuse [_Color] 


} 
Lighting On 


可 以 看 出 ,固定 函数 着 色 需 的 代码 被 定义 在 Pass 语义 块 中 ， 这 些 
代码 相当 于 Pass 中 的 一 些 渔 染 设置 ， 正 如 我 们 之 前 在 3.3.3 市 中 提 到 的 
= 


对 于 固定 函数 着 色 屁 来 说 ， 我 们 需要 完全 使 用 ShaderLab 的 语法 
(即使 用 ShaderLab 的 渲染 设置 命令 ) 来 编写 ， 而 非 使 用 Cg/HLSL 。 


由 于 现在 绝 大 多 数 GPU 都 支持 可 编程 的 泻 染 管 线 ， 这 种 固定 管线 
的 编程 方式 已 经 逐渐 说 抛弃 。 实际 上 ， 在 Unity 5.2 中 ， 所 有 固定 函数 
春色 需 都 会 在 背后 被 Unity 编 译 成 对 应 的 顶点 / 片 元 着 色 右 ， 因 此 真正 
意义 上 的 固定 函数 着 色 天 已 经 不 存在 了 。 


3.4.4 ”选择 哪 种 Unity Shader 形 式 


那么 ， 我 们 究 苋 选择 哪 一 种 来 进行 Unity Shader 的 编写 呢 ? 这 里 给 
出 了 二 些 建议 


。 除非 你 有 非 第 明确 的 需求 必须 要 使 用 固定 函数 着 色 占 ， 例 如 需要 
在 非常 旧 的 设备 上 运行 你 的 游戏 〈 这 些 设备 非常 少见 ) ， 否 则 请 
使 用 可 编程 管线 的 着 色 器 ， 即 表面 着 色 咒 或 顶点 / 片 元 着 色 器 。 

。 如 果 你 想 和 各 种 光源 打交道 ， 你 可 能 更 喜欢 使 用 表面 着 色 右 ， 但 
需要 小 心 它 在 移动 平台 的 性 能 表现 。 

。 如 果 你 需要 使 用 的 光照 数目 非常 少 ， 例 如 只 有 一 个 平行 光 ， 那 么 
使 用 顶点 / 片 元 着 色 需 是 一 个 更 好 的 选择 。 


。 节 重 要 的 是 ， 如 采 你 有 很 多 目 定义 的 滥 染 效 末 ， 那 么 请 选择 顶点 / 
片 元 着 色 髓 。 


3.5 “本 书 使 用 的 Unity Shader 形 式 


本 书 的 目的 不 仅 在 于 教 给 读者 如 何 使 用 Unity Shader， 更 重要 的 是 
想 要 让 读者 掌握 渲染 背后 的 原理 。 仪 仪 了 解 高 层 抽象 虽然 可 能 会 暂时 
使 工作 简化 ， 但 从 长 久 来 看 “ 知 其 然而 不 知 其 所 以 然 ? 所 带 来 的 影响 更 
加 深远 。 

因此 ， 在 本 书 接 下 来 的 内 容 中 ， 我 们 将 着 重 使 用 顶点 / 片 元 着 色 器 
来 进行 Unity Shader 的 编写 。 对 于 表面 着 色 妖 来 说 ， 我 们 会 在 本 书 的 第 
17 草 中 进行 痢 析 ， 读 者 可 以 在 那里 找到 更 多 的 学 习 内 容 。 


3.6 “答疑 解 惑 


尽管 在 之 前 的 内 容 中 涵盖 了 很 多 基础 内 容 ， 这 里 仍 给 出 一 些 初 学 
者 常见 的 困惑 之 处 ， 并 给 予 说 明和 人 解释。 


3.6.1 Unity Shader != 真正 的 Shader 


需要 读者 注意 的 是 ，Unity Shader 并 不 等 同 于 第 2 章 中 所 讲 的 
Shader， 尽 管 Unity Shader 翻 译 过 来 就 是 Unity 着 色 絮 。 在 Unity 里 ， 
Unity Shader 实 际 上 指 的 束 是 一 个 ShaderLab 文 件 一 一 人 硬盘 上 以 .shader 
作为 文件 后 级 的 一 种 文件 。 


在 Unity Shader (或 者 说 是 ShaderLab 文 件 ) 里 ， 我 们 可 以 做 的 事 
情 远 多 于 一 个 传统 意义 上 的 Shader 。 


。 在 传统 的 Shader 中 ， 我 们 仅 可 以 编写 特定 类 型 的 Shader， 例 如 顶 
点 着 色 研 、 片 元 着 色 髓 等 。 而 在 Unity Shader 中 ， 我 们 可 以 在 同一 
个 文件 里 同时 包含 需要 的 顶点 着 色 絮 和 片 元 着 色 右 代码 。 

在 传统 的 Shader 中 ， 我 们 无 法 设置 一 些 泻 染 设置 ， 例 如 是 否 开局 
混合 、 深 度 测 试 等 ， 这 些 是 开发 者 在 另外 的 代码 中 目 行 设置 的 。 
而 在 Unity Shader 中 ， 我 们 通过 一 行 特定 的 指令 就 可 以 完成 这 些 设 


置 o 

在 传统 的 Shader 中 ， 我 们 需要 编写 见长 的 代码 来 设置 着 色 絮 的 输 

入 和 输出 ， 要 小 心地 处 理 这 些 输入 输出 的 位 置 对 应 关系 等 。 而 在 

Unity Shader 中 ， 我 们 只 需要 在 特定 语句 块 中 声明 一 些 属 性 ， 残 可 

以 依靠 材质 来 方便 地 改变 这 些 属性 。 而 且 对 于 模型 自 带 的 数据 
(如 顶点 位 置 、 纹 理 坐 标 、 法 线 等 ，Unity Shader 也 提供 了 直接 

访问 的 方法 ， 不 需要 开发 者 目 行 编码 来 传 给 着 色 絮 。 


当然 ，Unity Shader 除 了 上 上述 这 些 优点 外 ， 也 有 一 些 缺 点 。 由 于 
Unity Shader 的 高 度 封 装 性 ， 我 们 可 以 编写 的 Shader 类 型 和 语法 都 被 限 
制 了 。 对 于 一 些 类 型 的 Shader， 例 如 曲面 细 分 着 色 器 (Tessellation 
Shader) 、 几 何 着 色 器 (Geometry Shader) 等 ，Unity 的 文 持 就 相对 差 
一 些 。 例 如 ，Unity 4.x 仅 在 DirectX 11 平 台 下 提供 曲面 细 分 着 色 器 、 几 


何 着 色 器 的 相关 功能 ， 而 对 于 OpenGL 平 台 则 没有 这 些 支 持 。 除 此 之 
外 ， 一 些 高 级 的 Shader 语 法 Unity Shader 也 不 支持 。 


可 以 说 ，Unity Shader 提 供 了 一 种 让 开发 者 同时 控制 泻 染 流水 线 中 
多 个 阶段 的 一 种 方式 ， 不 仅仅 是 提供 Shader 代 码 。 作 为 开发 考 而 言 ， 
我 们 绝 大 部 分 时 候 只 需要 和 Unity Shader 打 交道 ， 而 不 需要 关心 泻 染 引 
擎 底层 的 实现 细节 。 


3.6.2 ”Unity Shader 和 Cg/HLSL 之 间 的 关系 


正如 我 们 之 前 所 讲 ，Unity Shader 是 用 ShaderLab 语 言 编 写 的 ,但 
对 于 表面 着 色 器 和 顶点 / 片 元 着 色 器 ， 我 们 可 以 在 ShaderLab 内 部 栎 套 
Cg/HLSL 语 言 来 编写 这 些 着 色 絮 代码 。 这 些 Cg/HLSL 代 码 是 般 套 在 
CGPROGRAM 和 ENDCG 之 间 的 ， 正 如 我 们 之 前 看 到 的 示例 代码 一 
样 。 由 于 Cg 和 DX9 风 格 的 HLSL 从 写法 上 来 说 几乎 是 同一 种 语言 ， 
此 在 Unity 里 Cg 和 HLSL 是 等 价 的 。 我 们 可 以 说 ，Cg/HLSL 代 码 是 区 别 
于 ShaderLab 的 另 一 个 世界 。 


通常 ，Cg 的 代码 片段 是 位 于 Pass 语义 块 内 部 的 ， 如 下 所 示 : 


si 
// Pass 的 标签 和 状态 设置 


CGPROGRAM 

// 编译 指令 ， 例 如 : 
#pragma vertex Vert 
#pragma fragment frag 


// Cg 代码 


ENDCG 
// 其 他 一 些 设 置 


读者 可 能 会 有 疑问 :“ 之 前 不 是 说 在 表面 着 色 絮 中 ，Cg/HLSL 代 码 
是 写 在 SubShader 语义 块 内 吗 ? 而 不 是 Pass 块 内 。” 的 确 ， 在 表面 着 色 
器 中 ，Cg/HLSL 代 码 是 写 在 SubShader 语义 块 内 ， 但 是 读者 应 该 还 记 
得 ， 表 面 着 色 器 在 本 质 上 就 是 顶点 / 片 元 着 色 器 ， 它 们 看 起 来 很 不 像 是 


因为 表面 着 色 絮 是 Unity 在 顶点 / 片 元 着 色 器 上 层 为 开发 者 提供 的 一 层 
抽象 封装 ， 但 在 背后 ，Unity 还 是 会 把 它 转化 成 一 个 包含 多 Pass 的 顶点 / 
片 元 着 色 器 。 我 们 可 以 在 Unity Shader 的 导入 设置 面板 中 单 击 Show 
generated code 按钮 来 查看 生成 的 真正 的 顶点 / 片 元 着 色 恬 代码 。 可 以 
说 ， 从 本 质 上 来 讲 ，Unity Shader 只 有 两 种 形式 : 顶点 / 片 元 着 色 器 和 
固定 函数 着 色 器 (在 Unity 5.2 以 后 的 版 本 中 ， 固 定 函 数 着 色 恬 也 会 在 
背后 被 转化 成 顶点 / 片 元 着 色 妖 ， 因 此 从 本 质 上 来 说 Unity 中 只 存在 顶 
点 / 片 元 着 色 器 ) 。 


在 提供 给 编程 人 员 这 些 便利 的 背后 ，Unity 编 辑 器 会 把 这 些 Cg 片 段 
编译 成 低级 语言 ， 如 汇编 语言 等 。 通 常 ，Unity 会 自动 把 这 些 Cg 片段 编 
译 到 所 有 相关 平台 (这 里 的 平台 是 指 不 同 的 泻 染 平台 ， 例 如 Direct3D 
9、OpenGL、Direct3D 11、OpenGL ES 等 ) 上 。 这 些 编译 过 程 比较 复 
杂 ，Unity 会 使 用 不 同 的 编译 器 来 把 Cg 转换 成 对 应 平台 的 代码 。 这 样 就 

“会 在 切换 平台 时 再 重新 编译 ， 而 且 如 果 代码 在 某 些 平台 上 发 生 错误 
就 可 以 立刻 得 到 错误 信息 。 


正如 在 3.1.3 节 中 看 到 的 一 样 ， 我 们 可 以 在 Unity Shader 的 导入 设置 
面板 上 查看 这 些 编译 后 的 代码 ， 查 看 这 些 代码 有 助 于 进行 Debug 或 优 
化 等 ， 如 图 3.9 所 示 。 


Imported Object 


-aa Custom/NewSurfaceShader 
Dn 


Surface shader 
Fixed function 
Compiled code 
Cast shadows 
Render queue 


| Show generated code | 


no 


Compile and show code | ~ 
Current graphics device 
Current build platform 


LOD All platforms 
Custom: 
Ignore projector OpenGt 
Disable batching v D3D9 
Properties: YD3D11 
OpenGLES20 
nto D3D11_9x 
-MainTex OpenGLES30 
_Glossiness Metal 
_Metallic OpenGLCore 


Skip unused shader_features 


50 variants included | Show | 


图 3.9 在 Unity Shader 的 导入 设置 面板 中 可 以 通过 Compile and show code 按钮 来 查看 Unity 对 
CG 片段 编译 后 的 代码 。 通 过 单 击 Compile and show code 按钮 右 端 的 倒 三 角 可 以 打开 下 拉 菜 
单 ， 在 这 个 下 拉 菜 单 中 可 以 选择 编译 的 平台 种 类 ， 如 只 为 当前 的 显卡 设备 编译 特定 的 汇编 代 

码 ， 或 为 所 有 的 平台 编译 汇编 代码 ， 我 们 也 可 以 自 定义 选择 编译 到 哪些 平台 上 


但 当 发 布 游戏 的 上 时候， 游戏 数据 文件 中 只 包含 日 标 平台 需要 的 编 
译 代 码 ， 而 那些 在 目标 平台 上 不 需 要 的 代码 部 分 就 会 被 移 除 。 例 如 ， 
当 发 布 到 Mac OS X 平 台 上 时 ，DirectX 对 应 的 代码 部 分 就 会 被 移 除 。 


3.6.3 ”我 可 以 使 用 GLSL 来 写 吗 


当然 可 以 。 如 果 你 ! 坚持 识 : “我 就 是 不 想 用 Cg/HLSL 来 写 ! 就 是 要 
使 用 GLSL 来 写 ! ”， 但 是 这 意味 着 你 可 以 发 布 的 目标 平台 就 只 有 Mac 
OS X、OpenGL ES 2.0 或 者 Linux， 而 对 于 PC、Xbox 360 这 样 的 仅 支 持 
DirectX 的 平台 来 说 ， 你 就 放弃 它们 了 。 


建立 在 你 坚持 要 用 GLSL 来 写 Unity Shader 的 意愿 下 ， 你 可 以 怎么 
写 呢 ?和 Cg/HLSL 需 要 髓 套 在 CGPROGRAM 和 ENDCG 之 间 类 似 ， 
GLSL 的 代码 需要 租 套 在 GLSLPROGRAM 和 ENDGLSL 之 间 。 


更 多 关于 如 何在 Unity Shader 中 写 GLSL 代 码 的 内 容 可 以 在 Unity 官 
方 手册 的 GLSL Shader Programs 一 文 
(http://docs.unity3d.com/Manual/SL-GLSLShaderPrograms.html ) 中 找 
到 。 


3.7 扩展 阅读 


Unity 官 网 上 关于 Unity Shader 方 面 的 文档 正在 不 断 补 充 中 ， 由 于 
Unity 封 装 了 很 多 功能 和 细节 ， 因 此 ,如 果 读 者 在 使 用 Unity Shader 的 过 
程 中 遇 到 了 问题 可 以 去 到 官方 文档 

(http://docs.unity3d.com/Manual/SL-Reference.html ) 中 查看 。 除 此 之 
外 ，Unity 也 提供 了 一 些 简 单 的 着 色 侣 编写 教程 

(http://docs.unity3d.com/Manual/ShaderTut1.html ， 
http://docs.unity3d.com/Manual/ShaderTut2.html ) 。 由 于 在 Unity Shader 
中 ， 绝 大 多 数 可 编程 管线 的 着 色 絮 代码 是 使 用 Cg 语言 编写 的 ， 读 者 可 
以 在 NVIDIA 提 供 的 Cg 文档 (http://http.developer.nvidia.com/Cg/ ) 中 找 
到 更 多 的 内 容 。NVIDIA 同 样 提供 了 一 个 系列 教程 

(http://http.developer.nvidia.com/CgTutorial/cg_tutorial_chapter01.html 
) 来 帮助 初学 者 掌握 Cg 的 基本 语法 。 


第 4 章 “学习 Shader 所 需 的 数学 基础 
不 懂 数 学 者 不 得 入 内 。 
十 希腊 柏拉图 学 院 门口 的 碑文 


计算 机 图 形 学 之 所 以 深奥 难 懂 ， 很 大 原因 是 在 于 它 是 建立 在 虚拟 
世界 上 的 数学 模型 。 数 学 渗透 到 图 形 学 的 方方面面 ， 当 然 也 包括 
Shader。 在 学 习 Shader 的 过 程 中 ， 我 们 最 党 使 用 的 就 是 矢量 和 和 矩 阵 
( 即 数 学 的 分 支 之 一 一 一 线性 代数 ) 。 


很 多 读者 认为 图 形 学 中 的 数学 复杂 难 仅 。 的 确 ， 一 些 数学 模型 在 
初学 者 看 来 星 涩 难 懂 。 但 很 多 情况 下 ， 我 们 需要 打交道 的 只 是 一 些 基 
础 的 数学 运算 ， 而 只 要 掌握 了 这 些 内 容 ， 就 会 发 现 很 多 事情 可 以 迎 丸 
而 解 。 我 们 在 研究 和 学 习 他 人 编写 的 Shader 代 码 时 ， 也 不 再 会 疑 
间 ，“ 他 为 什么 要 这 么 写 "而 是 “ 织 ， 这 里 就 是 使 用 短 隆 渤 行 了 一 个 变 

而 已 。” 


为 了 让 读者 能 够 参与 到 计算 中 来 ， 而 不 是 填 鸭 式 地 阅读 ， 在 一 些 
小 节 的 最 后 我 们 会 给 出 一 些 练习 题 。 练 习题 的 答案 会 在 本 章 最 后 给 出 
(不 要 偷 看 答案 ! ) 。 需 要 注意 的 是 ， 这 些 练习 题 并 不 是 可 有 可 无 
的 ， 我 们 并 非 想 利 用 题 海战 术 来 让 读者 掌握 这 些 数学 运算 ， 而 是 想 利 
用 这 些 练习 题 来 阐述 一 些 容易 出 错 或 实践 中 稍 见 的 问题 。 通 过 这 些 练 
习题 ， 读 者 可 以 对 本 节 内 容 有 更 加 深刻 的 理解 。 


那么 ， 拿 起 笔 来 ， 让 我 们 一 起 走 进 数 学 的 世界 吧 ! 


4.1 背景 : 农场 游戏 


为 了 让 读者 更 加 理解 数学 计算 的 几何 意义 ， 我 们 先 来 假定 一 个 场 
景 。 现 在 ， 假 设 我 们 正在 开发 一 款 卡通 风格 的 农场 游戏 。 在 这 个 游戏 
里 ,玩家 可 以 在 农场 里 养 很 多 可 爱 的 奶牛 。 与 普通 农场 游戏 不 同 的 
古 ， 我 们 的 主角 不 古玩 家 ， 而 是 一 涉 牛 一 一 妞妞 ， 如 图 4.1 所 示 。 妞妞 
不 仅 长 得 壮 ， 而 且 它 对 很 多 事情 都 充满 了 好 奇 心 。 


A 图 4.1 我 们 的 农场 游戏 。 我 们 的 主角 妞妞 是 一 头 长 得 最 壮 、 好 奇 心 很 强 的 奶牛 


读者 ; 为 什么 游戏 主角 不 是 玩家 呢 ? 我 们 ， 因 为 我 们 的 策划 就 是 
这 从 全 性 。 


在 故事 的 一 开始 ， 农 场 世界 是 没有 数学 概念 的 。 通 过 下 面 的 学 
习 ， 我 们 会 见证 数学 给 这 个 世界 市 来 了 怎样 翻天 黎 地 的 变化 。 


4.2 人 稍 卡 儿 坐 标 系 


在 游戏 制作 中 ， 我 们 使 用 数学 绝 大 部 分 都 是 为 了 计算 位 置 、 距 离 
和 角度 等 变量 。 而 这 些 计算 大 部 分 都 是 在 第 卡 儿 坐标 系 (Cartesian 
Coordinate System) 下 进行 的 。 这 个 名 字 来 源 于 法 国 伟大 的 哲学 家 、 
物理 学 家 、 心 理学 家 、 数 学 家 笛 卡 儿 (René Descartes) 。 


那么 ， 我 们 为 什么 需要 笛 卡 儿 坐 标 系 呢 ? 有 这 样 一 个 传说 ， 讲 述 
了 篆 卡 儿 提 出 贡 卡 儿 坐 标 系 的 由 来 。 作 卡 儿 从 小 体弱多病 ， 所 以 他 所 
在 的 寄 入 学校 的 老师 允许 他 可 以 一 直 留 在 床上 直到 中 午 。 在 省 卡 儿 的 
一 生 中 ， 他 每 天 的 上 午时 光 几 乎 都 是 在 床上 度 过 的 。 稍 卡 儿 并 没有 把 
这 段 时 间 用 在 睡懒觉 上 ， 而 是 思考 了 很 多 关于 数学 和 哲学 上 的 问题 。 
有 一 天 ， 箔 卡 儿 发 现 一 只 苍蝇 在 天 伦 板 上 疏 来 候 去 ， 他 观察 了 很 长 一 
段 时 间 。 备 卡 儿 想 ， 我 要 如 何 来 摘 述 这 只 个 蝇 的 运动 轨迹 呢 ? 最 后 ， 
笛 卡 儿 意 识 到 ， 他 可 以 使 用 这 只 敬 蝇 距离 房间 内 不 同 墙 面 的 位 置 来 描 
述 ， 如 图 4.2 所 示 。 他 从 床上 起 喘 ， 写 下 了 他 的 发 现 。 然 后 ， 他 试图 摘 
述 一 些 点 的 位 置 ， 正 如 他 要 摘 述 爷 蝇 的 位 置 一 样 。 最 后 ， 华 卡 儿 束 发 
明了 这 个 坐标 平面 。 而 这 个 坐标 平面 后 来 逐 汪 发 展 ， 束 形成 了 坐标 系 
系统 。 人 们 为 了 纪念 笛 卡 儿 的 工作 ， 束 用 他 的 名 字 来 给 这 种 坐标 系 进 


条 了 储 泊 :3 


图 4.2 ”传说 ， 稍 卡 儿 坐标 系 来 源 于 笛 卡 儿 对 天 花 板 上 一 只 苍蝇 的 运动 轨迹 的 观察 。 稍 卡 儿 
发 现 ， 可 以 使 用 苍蝇 距 不 同 墙 面 的 距离 来 描述 它 的 当前 位 置 


当然 ， 上 面 传 说 的 可 靠 性 无 从 验证 。 一 些 较 真 儿 的 读者 就 不 用 急 


大 癌 本 书 勘误 邮箱 中 发 邮件 说 :“ 咖 ， 你 简直 是 胡说 ! "不 过 ， 读 者 可 
以 从 这 个 传说 中 发 现 ， 和 省 卡 儿 坐 标 系 和 我 们 的 生活 是 密切 相关 的 。 


4.2.1 二 维 笛 卡 儿 坐标 系 

事实 上 ， 读 者 很 可 能 一 直 在 用 二 维 笛 卡 儿 坐标 系 ， 尽 管 你 可 能 3 
没有 听 过 笛 卡 儿 这 个 名 词 。 你 还 记得 在 《 哈 利 波 特 与 魔法 石 》 电 影 
中 ， 哈 利和 罗 恩 大 战 奇 洛 教授 的 魔法 棋 副 吗 ? 这 里 的 国际 象棋 棋 副 也 
可 以 理解 成 是 一 个 二 维 的 笛 卡 儿 坐 标 系 。 


图 4.3 显 示 了 一 个 二 维和 贡 卡 儿 坐 标 系 。 它 是 不 是 很 像 一 个 棋盘 呢 ? 
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原点 (0, 0) 
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A 图 4.3 一 个 二 维 笛 卡 儿 坐标 系 
一 个 二 维 的 省 卡 儿 坐标 系 包 含 了 两 个 部 分 的 信息 : 


。 一 个 特殊 的 位 置 ， 即 原点 ， 它 是 整个 坐标 系 的 中 心 ; 
。 两 条 过 原点 的 互相 垂直 的 矢量 ， 即 x 轴 和 y 轴 “。 这 些 坐 标 轴 也 被 称 
为 是 该 坐标 系 的 基 矢 量 。 


虽然 在 图 4.3 中 x 轴 和 y 轴 分 别 是 水 平和 垂直 方向 的 ， 但 这 并 不 是 必 
须 的 。 想 象 把 上 面 的 坐标 系 整体 向 左旋 转 30?。 而 且 ， 虽然 图 中 的 x 轴 
指 回 右 “y 轴 指向 上 ， 但 这 也 并 不 是 必须 的 。 例 如 ， 在 2.3.4 节 屏幕 映射 
中 ，OpenGL 和 DirectX 使 用 了 不 同 的 二 维 笛 卡 儿 坐 标 系 ， 如 图 4.4 所 


修 ° 


而 有 了 这 个 坐标 系 我 们 束 可 以 精确 地 定位 一 个 点 的 位 置 。 例 如 ， 
如 果 说 :“ 在 (1, 2) 的 位 置 上 画 一 个 点 。” 那 么 相信 读者 肯定 知道 这 个 
位 置 在 哪里 。 


x 


OpenGL 进 行 屏幕 映射 时 


使 用 的 笛 卡 尔 坐标 系 DirectX 进 行 屏幕 映射 时 
使 用 的 笛 卡 尔 坐 标 系 


(0, 0) 十 X 十 Y 


和 图 4.4 在 屏幕 映射 时 ，OpenGL 和 DirectX 使 用 了 不 同方 向 的 二 维 笛 卡 儿 坐 标 系 


我 们 来 看 一 下 省 卡 儿 坐标 系 给 奶牛 农场 市 来 了 什么 变化 。 在 没有 
箔 卡 儿 坐标 系 的 时 候 ， 奶 牛 们 根本 没有 明确 的 位 置 概念 。 如 有 果 一 头 奶 
牛 问 : “妞妞 ， 你 现在 在 哪里 啊 ? ”妞妞 只 能 回答 说 “我 在 这 里 ”或 者 “我 
在 那里 ”这 些 模 糊 的 词语 。 但 那 尖 奶牛 永远 不 会 知道 妞妞 的 确切 位 置 。 
而 把 省 卡 儿 坐标 系 引 入 到 奶牛 农场 后 ， 所 有 的 一 切 都 变 得 清晰 起 来 。 
我 们 把 奶牛 农场 的 中 心 定义 成 坐标 原点 ， 而 把 地 理 方 咎 中 的 东 、 北 害 
义 成 坐标 轴 方 向 。 现 在 ， 如 采 奶 牛 再 问 : “妞妞 ， 你 现在 在 哪里 
啊 ? ”妞妞 就 可 以 回答 说 :“ 我 在 东 1 米 、 北 3 米 的 地 方 。” 如 图 4.5 所 示 。 


A 图 4.5 和 卡 儿 坐标 系 可 以 让 妞妞 精确 表述 自己 的 位 置 


4.2.2 三维 笛 卡 儿 坐 标 系 


在 上 面 一 证 中 ， 我 们 已 经 了 解 了 二 维 备 卡 儿 侍 标 系 。 可 以 看 出 ， 
二 维 笛 卡 儿 坐标 系 实际 上 是 比较 简单 的 。 那 么 ， 三 维 比 二 维 只 多 了 一 
个 维度 ， 是 不 是 也 就 难 了 50% 而 已 呢 ? 


不 幸 的 是 ， 答 案 是 否定 的 。 三 维 笛 卡 儿 坐 标 系 相 较 于 二 维 来 说 要 
复 洒 许多 ， 但 这 并 不 意味 着 很 难 学 会 它 。 对 人 类 来 说 ， 我 们 生活 的 世 
界 就 是 三 维 的 ， 因 此 对 于 理解 更 低 维 度 的 空间 (一 维和 二 维 ) 是 比较 
容易 的 。 而 对 于 同等 维度 的 一 些 概念 ， 理 解 起 来 难度 就 大 一 些 ， 对 于 
更 高 维度 的 空间 《如 四 维 空间 ) ， 理 解难 度 就 更 大 了 。 


在 三 维 笛 卡 儿 坐 标 系 中 ， 我 们 需要 定义 3 个 坐标 轴 和 一 个 原点 。 图 
4.6 显 示 了 一 个 三 维 笛 卡 儿 坐 标 系 。 
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A 图 4.6 ”一 个 三 维 稍 卡 儿 坐 标 系 


这 3 个 坐标 轴 也 被 称 为 是 该 坐标 系 的 基 矢 量 (basis vector) 。 通 
常情 况 下 ， 这 3 个 坐标 轴 之 间 是 互相 垂直 的 ， 且 长 度 为 1， 这 样 的 基 矢 
量 被 称 为 标准 正 交 基 (orthonormal basis) ， 但 这 并 不 是 必须 的 。 例 
如 ， 在 一 些 坐 标 系 中 坐标 轴 之 间 互 相 垂直 但 长 度 不 为 1， 这 样 的 基 矢 量 
被 称 为 正 交 基 (orthogonal basis) °。 如 非特 殊 说 明 ， 本 书 默 认 情 况 下 
使 用 的 坐标 轴 指 的 都 是 标准 正 交 基 。 


我 们 ， 正 交 可 以 理解 成 互相 垂直 的 意思 。 在 下 面 矩 阵 的 内 容 中 ， 
我 们 还 会 看 到 正 交 矩阵 的 概念 。 


和 二 维 笛 卡 儿 坐标 系 类 似 ， 三 维 笛 卡 儿 坐标 系 中 的 坐标 轴 方 同 也 
不 是 固定 的 ， 即 不 一 定 是 像 图 4.6 中 那样 的 指 同 。 但 这 种 不 同 导 至 了 两 
种 不 同 种 类 的 坐标 系 : 左手 坐标 系 (left-handed coordinate space) 和 
右手 坐标 系 (right-handed coordinate space) 


4.2.3 ”左手 坐标 系 和 右手 坐标 系 


为 什么 在 三 维和 省 卡 儿 坐标 系 中 要 区 分 左手 坐标 系 和 右手 坐标 系 ， 
而 二 维 中 就 没有 这 些 烦 人 的 事情 呢 ? 这 是 因为 ， 在 二 维 笛 卡 儿 坐 标 系 
中 ,x 轴 和 y 轴 的 指 同 虽 然 可 能 不 同 ， 束 如 我 们 在 独 4.4 中 看 到 的 一 样 。 
但 我 们 总 可 以 通过 一 些 旋转 操作 来 使 它们 的 坐标 轴 指 癌 相 同 。 以 图 4.4 
中 OpenGL 和 DirectX 使 用 的 坐标 系 为 例 ， 为 了 把 右 侧 的 坐标 轴 指 癌 转换 
到 左 侧 那 样 的 指向 ， 我 们 可 以 首先 对 右 侧 的 坐标 系 顺 时 针 旋 转 180°， 
此 时 它 的 y 轴 指 癌 上 ， 而 x 轴 指 同 左 。 然 后 ， 我 们 再 把 整个 纸 面 水 平 翻 
转 一 下 ， 束 可 以 把 x 轴 翻 较 到 指向 右 了 ， 此 时 左右 两 侧 的 坐标 轴 指 向 整 
pe 。 从 这 种 意义 上 来 说 ， 所 有 的 二 维 笛 卡 儿 坐 标 系 都 是 等 价 


但 对 于 三 维 笛 卡 儿 坐标 系 ， 靠 这 种 旋转 有 时 并 不 能 使 两 个 不 同 对 
向 的 坐标 系 重合 。 例 如 ， 在 图 4.6 中 ，+z 轴 的 方向 指向 纸 面 的 内 部 ， 如 
果 有 另 一 个 三 维 条 卡 儿 坐 标 系 ， 它 的 +z 轴 是 指向 纸 面 外 部 ，x 轴 和 y 轴 
保持 不 变 ， 那 么 我 们 可 以 通过 旋 较 把 这 两 个 坐标 轴 重 合 在 一 起 吗 ? 管 
案 是 否定 的 。 我 们 总 可 以 让 其 中 两 个 坐标 轴 的 指 疝 重合 ， 但 第 三 个 从 
标 轴 的 指 癌 忌 是 相反 的 。 


也 束 是 说 ， 三 维 笛 卡 儿 侍 标 系 并 不 都 是 等 价 的 。 因 此 ， 就 出 现 了 
两 种 不 同 的 三 维 坐 标 系 : 左手 坐标 系 和 右手 坐标 系 。 如 果 两 个 坐标 系 
具有 相同 的 旋 向 性 (handedness) ， 那 么 我 们 就 可 以 通过 旋转 的 方法 
来 让 它们 的 坐标 轴 指 回 重 合 。 但 是 ， 如 果 它 们 具有 不 同 的 旋回 性 〈 例 
如 坐标 系 A 属 于 左手 坐标 系 ， 而 坐标 系 B 属 于 右手 坐标 系 ) ， 那 么 就 无 
法 达到 重合 的 目的 。 


那么 ， 为 什么 叫 堪 手 坐标 系 和 右手 坐标 系 呢 ? 和 手 有 什么 关系 ? 
这 是 因为 ， 我 们 可 以 利用 我 们 的 双手 来 判断 一 个 坐标 系 的 旋 同 性 。 请 
读者 举 起 你 的 左手 ， 用 食指 和 大 拇指 摆 出 一 个 “的 手势 ， 并 且 让 你 的 
食指 指向 上 ， 大 拇指 指向 右 。 现 在 ， 伸 出 你 的 中 指 ， 不 出 意外 的 话 它 
应 该 指 辐 你 的 前 方 (如 果 你 一 定 要 展示 自己 骨骼 尺 奇 的 话 我 也 没有 办 
法 ) 。 茶 喜 你 ， 你 已 经 得 到 了 一 个 左手 坐标 系 了 ! 你 的 大 拇指 、 食 指 
和 中 指 分 别 对 应 了 +x 、+y 和 +z 轴 的 方向 ， 如 图 4.7 所 示 。 


同样 ， 读 者 可 以 通过 石 手 来 得 到 一 个 右手 坐标 系 。 举 起 你 的 右 
手 ， 这 次 食指 仍然 指向 上 ， 中 指 指 同 前 方 ， 不 同 的 是 ， 大 拇指 将 指 同 
左 侧 ， 如 图 4.8 所 示 。 
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A 图 4.7 左手 坐标 系 


A 图 4.8 右手 坐标 系 


正如 我 们 之 前 所 说 ， 左 手 坐 标 系 和 右手 坐标 系 之 间 无 法 通过 旋转 
来 同时 使 它们 的 3 个 坐标 轴 指 向 重合 ， 如 采 你 不 信 ， 你 现在 可 以 拿 目 己 
的 双手 来 试验 一 下 。 


另外 一 个 确定 是 左手 还 是 右手 坐标 系 的 方法 是 ， 判 断 前 向 
(forward) 的 方向 。 请 读者 坐 直 ， 向 右 伸 直 你 的 右手 ， 此 时 右手 方向 
就 是 x 轴 的 正 向 ， 而 你 的 尖顶 向 上 的 方向 就 是 y 轴 的 正 向 。 这 时 ， 如 果 
你 的 正 前 方 的 方向 十 z 轴 的 正 向 ， 那 么 你 本 身 所 在 的 坐标 系 就 是 一 个 左 
手 坐标 系 ， 如 果 你 的 正 前 方 的 方向 对 应 的 是 z 轴 的 负 向 ， 那 么 这 就 是 一 
个 右手 坐标 系 。 


除了 坐标 轴 绢 同 不 同 之 外 ， 左 手 坐 标 系 和 右手 坐标 系 对 于 正 问 施 
转 的 定义 也 不 同 ， 即 在 初 高 中 物理 中 学 到 的 左手 法 则 (left-hand 
rule) 和 右手 法 则 (right-hand rule) 。 假 设 现在 空间 中 有 一 条 直 
线 ， 还 有 一 个 点 ， 我 们 希望 把 这 个 点 以 该 直线 为 旋转 轴 旋 转 某 个 角 
度 ， 比 如 旋转 30"。 读 者 可 以 拿 一 文笔 当成 这 个 旋转 轴 ， 再 拿 自 己 的 手 
当成 这 个 需要 旋转 的 点 ， 可 以 发 现 ， 我 们 有 两 个 旋转 方 同 可 以 选择 。 
那么 ， 我 们 应 该 往 哪个 方向 旋转 呢 ? 这 意味 着 ， 我 们 需要 在 坐标 系 中 
定义 一 个 旋转 的 正方 同 。 在 左手 坐标 系 中 ， 这 个 旋转 正方 同 是 由 左手 
法 则 定义 的 ， 而 在 右手 坐标 系 中 则 是 由 右手 法 则 定义 的 。 


在 左手 坐标 系 中 ， 我 们 可 以 这 样 来 应 用 左手 法 则 : 还 是 举 起 你 的 
工 手 ， 握 攀 ， 伸 出 大 拇指 让 它 指 问 旋转 轴 的 正方 向 ， 那 么 旋转 的 正方 
器 吏 生 剩 下 4 个 手指 的 弯曲 方向 。 在 右手 坐标 系 中 ， 使 用 右手 法 则 对 旗 
转正 方 同 的 判断 类 似 。 如 图 4.9 所 示 。 


从 图 3.9 中 可 以 看 出 ， 在 左手 付 标 系 中 ， 旋 转正 方 同 十 顺 时 针 的 ， 
而 在 右手 坐标 系 中 ， 旋 转正 方 同 是 逆 时 针 的 。 


左右 手 付 标 系 之 间 古 可 以 进行 互相 转换 的 。 最 简单 的 方法 就 古 把 
其 中 一 个 轴 反 转 ， 并 你 持 其 他 两 个 轴 不 变 。 


对 于 开发 者 来 说 ， 使 用 左手 坐标 系 还 是 右手 坐标 系 都 是 可 以 的 ， 
它们 之 间 并 没有 优 劣 之 分 。 无 论 使 用 哪 种 坐标 系 ， 绝 大 多 数 情况 下 并 
不 会 影响 底层 的 数学 运算 ， 而 只 是 在 映射 到 视觉 上 时 会 有 差别 ( 见 红 
习题 2) 。 这 是 因为 ， 一 个 点 或 者 旋转 在 空间 内 来 说 是 绝对 的 。 一 些 较 
真 儿 读 者 可 能 会 看 不 惯 “绝对 ”这 个 词 :“ 你 怎么 能 忽略 相对 论 呢 ? 这 世 
上 一 切 都 是 相对 的 ! "这些 读者 请 容 我 解释 。 这 里 所 说 的 绝对 是 说 ， 在 
我 们 所 关心 的 最 广阔 的 空间 中 ， 这 些 值 是 绝对 的 。 例 如 我 说 ， 把 你 的 
书 从 桌子 的 左边 移 到 右边 ， 你 不 会 对 这 个 过 程 产生 什么 疑问 ， 此 时 我 
们 关心 的 整个 空间 就 是 桌子 这 个 空间 ， 而 在 这 个 空间 中 ， 书 的 运动 是 
绝对 的 。 但 是 ， 在 数学 的 世界 中 ， 我 们 需要 使 用 一 种 数学 模型 来 精确 
地 描述 它们 ， 这 个 模型 就 是 坐标 系 。 一 旦 有 了 坐标 系 ， 每 个 点 的 位 置 
就 不 再 是 绝对 的 ， 而 是 相对 于 这 个 坐标 系 来 说 的 。 这 种 相对 关系 导 
数 ， 即 全 从 数学 表示 上 来 说 两 各 表示 方式 完全 一 样 ， 但 从 视觉 上 来 说 
是 不 一 样 的 。 


我 们 可 以 在 奶牛 农场 的 例子 中 体会 左手 坐标 系 和 右手 坐标 系 的 分 
别 。 我 们 假设 ， 妞 妞 想 要 到 一 个 新 的 地 方 ， 因 为 那里 的 草 很 美味 。 刀 
妞 知道 到 达 这 个 目标 点 的 “绝对 路 径 ” 是 怎样 的 ， 如 图 4.10 所 示 。 


左手 法 则 右手 法 则 


A 图 4.9 用 左手 法 则 和 右手 法 则 来 判断 旋转 正方 向 


向 这 个 方向 
平移 1 个 单位 


再 向 这 个 方向 
“~ 平移 4 个 单位 
SS 
SS 


~ 
~、 


我 现在 在 策 
这 里 ， 面 彰 \ 
a 最 后 向 这 个 
旋转 60" 


2 
我 想 要 到 这 
里 ,并 且 面 
这 个 方向 


> 


图 4.10 ”为 了 移动 到 新 的 位 置 ， 妞 妞 需要 首 移 癌 茶 个 方向 平移 1 个 单位 ， 再 向 另 一 个 方向 平 
移 4 个 单位 ， 最 后 再 向 一 个 方向 旋转 60° 


我 们 可 以 分 别 在 一 个 左手 坐标 系 和 右手 坐标 系 中 搞 述 这 样 一 次 运 
动 ， 即 使 用 数学 表达 式 来 搬 述 它 。 我 们 会 发 现 ， 在 不 同 的 坐标 系 中 摘 
述 这 样 同 一 次 运动 是 不 一 样 的 ， 如 图 4.11 所 示 。 


向 +x 轴 
平移 1 个 单位 
再 向 之 四 A 再 + 办 
、 、 平 移 4 个 单位 “~ 平移 4 个 单位 
SS > 


茄 述 妞妞 这 次 运动 的 结果 ， 得 


A 图 4.11 左 图 和 右 图 分 别 表 示 了 在 左手 坐标 系 和 右手 坐标 系 
到 的 数学 描述 是 不 同 的 


在 左手 坐标 系 中 ，3 个 坐标 轴 的 旨 辣 如 图 4.11 雹 图 所 示 。 妞 妞 首 爷 
回 x 轴 正 方 同 平移 1 个 单位 ， 然 后 再 癌 z 轴 负 方 同 移动 4 个 单位 ， 最 后 朝 
旋转 的 正方 癌 旋 转 60*。 而 在 右手 坐标 系 中 ，+z 轴 的 方 品 和 左手 坐标 系 
中 刚好 相反 ， 因 此 妞妞 首先 向 x 轴 正 方向 平移 1 个 单位 (与 左手 坐标 系 
中 的 移动 一 致 ) ， 然 后 再 向 z 轴 正 方向 移动 4 个 单位 (与 左手 坐标 系 中 
pe ， 最 后 朝 旋转 的 负 方 向 旋转 60。 (与 左手 坐标 系 中 的 旋转 
晶 o 


可 以 看 出 ， 为 了 达到 同样 的 视觉 效果 (这 里 指 把 妞妞 移动 到 视觉 
上 的 同一 个 位 置 ) ， 左 右手 坐标 系 在 z 轴 上 的 移动 以 及 旋转 方向 是 不 同 
的 。 如 果 使 用 相同 的 数学 运算 ( 指 均 向 z 轴 某 方向 移动 或 均 朝 旋转 正方 
癌 旋 转 等 ，， 那 么 得 到 的 视觉 效果 就 古 不 一 样 的 。 因 此 ， 如 果 我 们 需 
要 从 左手 坐标 系 迁移 到 右手 坐标 系 ， 并 且 保 持 视觉 上 的 不 变 ， 就 需要 
进行 一 些 转换 。 读 者 可 以 参见 本 章 最 后 的 扩展 阅读 部 分 


4.2.4 ”Unity 使 用 的 坐标 系 


对 于 一 个 需要 可 视 化 虚拟 的 三 维 世界 的 应 用 (如 Unity) 来 说 ， 它 
的 设计 者 就 要 进行 一 个 选择 。 对 于 模型 空间 和 世界 空间 (在 4.6 市 中 会 
具体 讲解 这 两 个 空间 是 什么 ) ，Unity 使 用 的 是 左手 坐标 系 。 这 可 以 从 
Scene 视图 的 坐标 轴 显 示 看 出 来 ， 如 图 4.12 所 示 。 这 和 意味 着 ， 在 模型 空 
间 中 ， 一 个 物体 的 右 侧 (right) 、 上 侧 (up) 和 前 侧 (forward) 分 别 
对 应 了 x 轴 、y 轴 和 2z 轴 的 正方 同 。 


图 4.12 


全 


在 模型 空间 和 世界 空间 中 ，Unity 使 用 的 是 左手 多 


人 标 系 。 


图 中 ， 球 的 4 


它 在 模型 空间 中 的 3 个 坐标 轴 (红色 为 x 轴 ， 绿 色 是 y 轴 ， 蓝 色 是 z 轴 ) 


和 标 轴 显 示 了 


但 对 于 观察 空间 来 说 ，Unity 使 用 的 是 右手 坐标 系 。 观 察 空 间 ， 通 
俗 来 讲 就 是 以 摄像 机 为 原点 的 坐标 系 。 在 这 个 坐标 系 中， 摄像 机 的 前 
回 征 z 轴 的 负 方 向 ， 这 与 在 模型 空间 和 世界 空间 中 的 定义 相反 。 也 融 是 
说 ，z 轴 坐 标的 减少 意味 着 场景 深度 的 增加 ， 如 图 4.13 所 示 。 


A 图 4.13 在 Unity 中 ， 观 察 空间 使 用 的 是 右手 坐标 系 ， 摄 像 机 的 前 向 是 z 轴 的 负 方 向 ，z 轴 越 
小 ， 物 体 的 深度 越 大 ， 离 摄像 机 越 远 


天 于 Unity 中 使 用 的 坐标 系 的 旋 癌 性 ， 我 们 会 在 4.5.9 广 中 详细 地 讲 


解 。 
4.2.5 ”练习 题 


| 这 是 本 书 中 第 一 次 出 现 练习 题 的 地 方 ， 布 望 你 可 以 快速 解决 它 
门 ! 


(1) 在 非常 流行 的 建 模 软件 3ds Max 中 ， 上 默认 的 坐标 轴 方 向 是 : x 
轴 正 方向 指 癌 右 方 ，y 轴 正 方 癌 指 癌 前 方 ，z 轴 正 方 癌 指 网 上 方 。 那 么 
它 古 左手 坐标 系 还 是 右手 坐标 系 ? 


(2) 在 左手 坐标 系 中 ， 有 一 点 的 坐标 是 (0, 0, 1) ， 如 果 把 该 点 
绕 y 轴 正 方 癌 旋 转 +90"， 旋 转 后 的 坐标 是 什么 ? 如 条 是 在 右 于 坐标 系 
中 ， 同 样 有 一 点 坐标 为 〈0, 0, 1) ， 把 它 绕 y 轴 正 方向 旋转 +90*， 旋 转 
后 的 坐标 是 什么 ? 


(3) 在 Unity 中 ， 新 建 的 场景 中 主 摄像 机 的 位 置 位 于 世界 空间 中 的 


(0, 1, -10) 位 置 。 在 不 改变 摄像 机 的 任何 设置 《如 保持 Rotation 为 (0， 
0, 0)，Scale 为 (1, 1 1) ) 的 情况 下 ， 在 世界 空间 中 的 (0, 1, 0) 位 置 新 建 
一 个 球体 ， 如 图 4.14 所 示 。 


A 图 4.14 ”摄像 机 的 位 置 是 (0, 1, -10) ， 球 体 的 位 置 是 (0, 1, 0) 


在 摄像 机 的 观察 空间 下 ， 该 球体 的 z 值 是 多 少 ? 在 摄像 机 的 模型 空 
间 下 ， 该 球体 的 z 值 又 是 多 少 ? 


4.3 ”点 和 矢量 


点 (point) 是 n 维 空间 (游戏 中 主要 使 用 二 维和 三 维 空间 ) 中 的 
一 个 位 置 ， 它 没有 大 小 、 宽 度 这 类 概念 。 在 人 备 卡 儿 坐 标 系 中 ， 我 们 可 
以 使 用 2 个 或 3 个 实数 来 表示 一 个 点 的 坐标 ， 如 : P=(P; , Py )， 表 示 二 
维 空间 的 点 ，P =(P,, P, ,P; ) 表 示 三 维 空间 中 的 点 。 


矢量 (vector， 也 被 称 为 向 量 ) 的 定义 则 复杂 一 些 。 在 数学 家 看 
来 ， 秋 量 丈 是 一 串 数 字 。 你 可 能 要 问 了 ， 点 的 表达 式 不 也 是 一 串 数字 
吗 ? 没 错 ， 但 矢量 存在 的 意义 更 多 是 为 了 和 标量 (scalar) 区 分 开 
来 。 通 常 来 讲 ， 矢 量 是 指 n 维 空 间 中 一 种 包含 了 模 (magnitude) 和 方 
向 (direction) 的 有 向 线段 ， 我 们 通常 讲 到 的 速度 (velocity) 就 是 一 
种 典型 的 矢量 。 例 如 ， 这 辆 车 的 速度 是 疝 十 80km/h ( 癌 南 指明 了 矢量 
的 方向 ，80kmh 指 明了 矢量 的 模 ) 。 而 标量 只 有 模 没 有 方向 ， 生 活 中 
常常 说 到 的 距离 (distance) 就 是 一 种 标量 。 例 如 ， 我 家 离 学 校 只 有 200 
米 (200 米 就 是 一 个 标量 ) 


具体 来 讲 。 

。 矢量 的 模 指 的 古 这 个 矢量 的 长 度 。 一 个 矢量 的 长 度 可 以 是 任意 的 
非 负 数 。 

。 天 量 的 方 同 则 摘 述 了 这 个 矢量 在 至 间 中 的 指 癌 。 


矢量 的 表示 方法 和 点 类 似 。 我 们 可 以 使 用 v =(x ,y) 来 表示 二 维 矢 
量 ， 用 v =(x ,y,z) 来 表示 三 维 矢 量 ， 用 v =(x ,y ,z ,w ) 来 表示 四 维 矢量 。 


为 了 方便 阐述 ， 我 们 对 不 同类 型 的 变量 在 书写 和 印刷 上 使 用 不 同 
的 样式 : 


对 于 标量 ， 我 们 使 用 小 写字 母 来 表示 , 如 a, b, x,y,z,0,a 
对 于 矢量 我 们 使 用 小 写 的 粗 体 字 母 来 表示 ， 如 a ，b ，u ，Y 


对 于 后 面 要 学 习 的 矩阵 ， 我 们 使 用 大 写 的 粗 体 字母 来 表示 ， 如 A 
,BBS，M， RR 等 。 


在 独 4.15 中 ， 一 个 天 量 通 单 由 一 个 箭头 来 表示 。 我 们 有 时 会 讲 到 一 
个 矢量 的 头 (head) 和 尾 (tail) 。 矢 量 的 头 指 的 是 它 的 箭头 所 在 的 
端点 处 ， 而 尾 指 的 是 尹 一 个 病 点 处 ， 如 图 4.15 所 示 。 


那么 一 个 天 量 要 放 在 哪里 呢 ? 从 和 天 量 的 定义 来 看 ， 它 只 有 模 和 方 
器 两 个 属性 ， 并 没有 位 置信 息 。 这 昕 起 来 很 难 理解 ， 但 实际 上 在 生活 
中 我 们 总 是 会 和 这 样 的 矢量 打交道 。 例 如 ， 当 我 们 讲 到 一 个 物体 的 速 
度 时 ， 可 能 会 这 样 说 “那个 小 偷 正在 以 100kmm 的 速度 同 南 逃窜 ”《〈 快 抓 
住 他 ! ) ， 这 里 的 “以 100kmh 的 速度 向 南 ” 就 可 以 使 用 一 个 矢量 来 表 
示 。 通 常 ， 矢 量 被 用 于 表示 相对 于 某 个 点 的 偏 移 (displacement) ， 
也 束 是 说 它 是 一 个 相对 量 。 只 要 矢量 的 模 和 方 同 保持 不 变 ， 无 论 放 在 
哪里 ， 都 是 同一 个 天 量 。 


4.3.1 ”点 和 矢量 的 区 别 


回顾 一 下 ， 扣 是 一 个 没有 大 小 之 分 的 空间 中 的 位 置 ， 而 矢量 是 一 
个 有 模 和 方向 但 没有 位 置 的 量 。 从 这 里 看 ， 点 和 矢量 具有 不 同 的 意 
义 。 但 是 ， 从 表示 方式 上 两 者 非 党 相似 。 


在 上 一 市 中 我 们 提 到 ， 矢 量 通 常用 于 描述 偏 移 量 ， 因 此 ， 它 们 可 
以 用 于 描述 相对 位 置 ， 即 相对 于 另 一 个 点 的 位 置 ， 此 时 矢量 的 尾 是 一 
个 位 置 ， 那 么 矢量 的 头 就 可 以 表示 男 一 个 位 置 了 。 而 一 个 点 可 以 用 于 
指定 空间 中 的 一 个 位 置 ( 即 相 对 于 原点 的 位 置 ) 。 如 果 我 们 把 矢量 的 
尾 固定 在 坐标 系 原 点 ， 那 么 这 个 矢量 的 表示 就 和 点 的 表示 重合 了 。 图 
4.16 表 示 了 两 者 之 间 的 关系 。 


尾 


A 图 4.15 ”一 个 二 维 向 量 以 及 它 的 头 和 尾 


一 个 太 (X, 儿 


一 个 矢量 (x, 从 


A 图 4.16 ”点 和 矢量 之 间 的 关系 


尽管 上 面 的 内 容 看 起 来 显而易见 ， 但 区 分 点 和 和 天 量 之 间 的 不 同 息 
非常 重要 的 ， 尽 管 它 们 在 数学 表达 式 上 古 一 样 的 ， 部 是 一 串 数字 而 
已 。 如 果 一 定 要 给 它们 之 间 建 立 一 个 联系 的 话 ， 我 们 可 以 认为 ， 任 何 
一 个 总 都 可 以 表示 成 一 个 从 原点 出 发 的 天 量 。 为 了 明确 点 和 矢量 的 区 
别 ， 在 本 书后 面 的 内 容 中 ， 我 们 将 用 于 表示 方向 的 天 量 称 为 万 癌 天 
量 。 


4.3.2 ”矢量 运算 


在 下 面 的 内 容 里 ， 我 们 将 给 出 一 些 最 常见 的 天 量 运 算 。 幸 运 的 
是 ， 这 些 运 算 大 的 很 好 理解 。 对 于 每 种 运算 ， 我 们 会 完 给 出 数学 上 的 
描述 ， 然 后 再 给 出 几何 意义 上 的 解释 。 同 样 ， 为 了 让 读者 加 深 印 象 ， 
我 们 会 在 最 后 给 出 一 些 练习 题 。 相 信 恋 完 本 蔬 后 ， 你 一 定 可 以 快速 地 
解决 它们 
1. 矢量 和 标量 乘法 /除法 

还 记得 吗 ? 标量 是 只 有 模 没 有 方 同 的 量 ， 里 然 我 们 不 能 把 矢量 和 
标量 进行 相 加 / 相 减 的 运算 (想象 一 下 ， 你 会 把 速度 和 距离 相 加 吗 ) ， 
但 可 以 对 它们 进行 乘法 运算 ,结果 会 得 到 一 个 不 同 长 度 且 可 能 方向 相 
反 的 新 的 矢量 。 

公式 非 第 简单 ， 我 们 只 需要 把 天 量 的 每 个 分 量 和 标量 相 乘 即 可 : 

kv =(kv, ,kvy , Kv; ) 


类 似 的 ， 一 个 天 量 也 可 以 被 一 个 非 零 的 标量 除 。 这 等 同 于 和 这 个 
标量 的 倒数 相 乘 : 


) (了 ,1.2Z) I 2 
a 和 四 三 (= 并) | 
大 大 大 | 大 大 大 


下 面 给 出 一 些 例子 : 
2(1,2,3)=(2,4,6) 
-3.5(2, 0)=(-7, 0) 


(E23 


= (0.5,1, 1.5) 
注意 ， 对 于 乘法 来 说 ， 天 量 和 标量 的 位 置 可 以 互 换 。 但 对 于 除 
， 只 能 是 矢量 被 标量 除 ， 而 不 能 是 标量 被 矢量 除 ， 这 是 没有 意义 


从 几何 意义 上 看 ， 把 一 个 天 量 v 和 一 个 标量 K 相 乘 ， 意 味 着 对 和 天 量 
Vv 进行 一 个 大 小 为 | K | 的 缩放 。 例 如 ， 如 果 想 要 把 一 个 矢量 放大 两 
信 ， 殊 可 以 乘 以 2。 当 k <0 时 ， 夭 量 的 方向 也 会 取 反 。 图 4.17 显 示 了 这 
样 的 一 些 例子 。 


2. 和 天 量 的 加 法 和 减法 
我 们 可 以 对 两 个 矢量 进行 相 加 或 相 减 ， 其 结果 是 一 个 相同 维度 的 


新 矢量 。 


我 们 只 需要 把 两 个 矢量 的 对 应 分 量 进行 相 加 或 相 减 即 可 。 公 式 如 
下 


a +b =(ax +px ,ay +Dy ,az +Dz ) 
a-b =(Qx -bx ,ay -by ，az -bz ) 
下 面 是 一 些 例子 : 
(1,2,3)+(4,5,6)=(5,7,9) 
(5,2,7) - (3,8,4)=(2, -6,3) 


需要 注意 的 是 ， 一 个 矢量 不 可 以 和 一 个 标量 相 加 或 相 减 ， 或 者 是 
和 不 同 维度 的 矢量 进行 运算 。 


从 几何 意义 上 来 看 ， 对 于 加 法 ， 我 们 可 以 把 矢量 a 的 头 连接 到 和 天 量 
b 的 尾 ， 然 后 画 一 条 从 a 的 尾 到 b 的 头 的 天 量 ， 来 得 到 a 和 b 相 加 后 的 
矢量 。 也 吏 是 说 ， 如 采 我 们 从 一 个 起 点 开始 进行 了 一 个 位 置 侦 移 a ， 然 
后 义 进 行 一 个 位 置 仿 移 b ， 那 么 融 等 同 于 进行 了 一 个 a +b 的 位 置 亿 
移 。 这 被 称 为 矢量 加 法 的 三 角形 定 则 (triangle rule) 。 矢 量 的 减法 是 
类 似 的 。 如 图 4.18 所 示 。 


V/2 -0. > 
(1 < 3 信守 


i 


图 4.17 二 维和 拓 量 和 一 些 标量 的 乘法 和 除 


> 


a+b 


A 图 4.18 二 维 矢量 的 加 法 和 减 Y 


读者 需要 时 刻 讶 记 ， 在 图 形 学 中 矢量 通常 用 于 描述 位 置 仿 移 〈 简 
称 位 移 ) 。 因 此 ， 我 们 可 以 利用 矢量 的 加 法 和 减法 来 计算 一 点 相对 于 


另 一 点 的 位 移 。 


假设 ， 空 间 内 有 两 点 a 和 b。 还 记得 吗 ， 我 们 可 以 用 矢量 a 和 b 来 
表示 它们 相对 于 原点 的 位 移 。 如 琳 我 们 想 要 计算 点 b 相对 于 点 a 的 位 
移 ， 束 可 以 通过 把 b 和 a 相 减 得 到 ， 如 图 4.19 所 示 。 


3. 矢量 的 模 


正如 我 们 之 前 讲 到 的 一 样 ， 天 量 和 站 有 模 和 方 癌 的 。 和 天 量 的 模 是 一 
个 标量 ， 可 以 理解 为 是 天 量 在 空间 中 的 长 度 。 它 的 表示 符号 通常 是 在 
矢量 两 旁 分 别 加 上 一 条 垂直 线 (有 的 文献 中 会 使 用 两 条 垂直 线 ) 。 三 
维 矢量 的 模 的 计算 公式 如 下 : 


ju2 十 认 十 识 
PE 


其 他 维度 的 天 量 的 模 计算 类 似 ， 都 是 对 每 个 分 量 的 平方 相 加 后 再 
开 根 号 得 到 。 


下 面 给 出 一 些 例子 : 
| (1,2,3) | =V1? + 22+32= Vi+4+9= V142% 3.742 
| 3,0 | =V32 + 人 = V9+16= V25=5 


我 们 可 以 从 几何 意义 来 理解 上 述 公 式 。 对 于 二 维 矢 量 来 说 ， 我 们 
可 以 对 任意 矢量 构建 一 个 三 角形 ， 如 图 4.20 所 示 。 


A 图 4.19 ”使 用 矢量 减法 来 计算 从 点 a 到 点 b 的 位 移 


A 图 4.20 矢量 的 模 


从 图 4.20 可 以 看 出 ， 对 于 二 维 矢量， 其 实 丈 是 使 用 了 勾 股 定理 ， 和 天 
量 的 两 个 分 量 的 绝对 值 对 应 了 三 角形 两 个 直角 边 的 长 度 ， 而 斜 边 的 长 
度 就 是 天 量 的 模 。 


4. 单位 矢量 


在 很 多 情况 下 ， 我 们 只 关心 矢量 的 方 同 而 不 是 模 。 例 如 ， 在 计算 
光照 模型 时 ， 我 们 往往 需要 得 到 顶点 的 法 线 方向 和 光源 方向 ， 此 时 我 


们 不 关心 这 些 矢 量 有 多 长 。 在 这 些 情况 下 ， 我 们 就 需要 计算 单位 矢量 


(unit vector) 


单位 矢量 指 的 是 那些 模 为 1 的 矢量 。 单 位 矢量 也 被 称 为 被 归 一 化 的 
矢量 (normalized vector) 。 对 任何 给 定 的 非 零 矢量 ， 把 它 转 换 成 单 
位 矢量 的 过 程 就 被 称 为 归 一 化 na 


给 定 任 意 非 零 天 量 v ， 我 们 可 以 计算 和 v 方向 相同 的 单位 天 量 。 在 
本 书 中 ， 我 们 通过 在 一 个 天 量 的 头 上 涤 加 一 个 戴 帽 符号 来 表示 单位 天 
量 ， 例 如 。 为 了 对 天 量 进 行 归 一 化 ， 我 们 可 以 用 和 天 量 的 模 除 以 该 天 量 
来 得 到 。 公 式 如 下 : 


I 


(3,4) _ (3,—4) a) 3 了 (0.6 -0.8) 
1G-91 +rCO V25 5 \55 


零 天 量 ( 即 矢 量 的 每 个 分 量 值 都 为 9%， 如 v =(0,0,0)) 是 不 可 以 被 归 
一 化 的 。 这 是 因为 做 除法 运算 时 分 母 不 能 为 0。 


从 几何 意义 上 看 ， 对 二 维 空间 来 说 ， 我 们 可 以 画 一 个 单位 圆 ， 那 
么 单位 矢量 束 可 以 是 从 辆 心 出 发 、 到 圆 边界 的 天 量 。 在 三 维 空间 中 ， 
单位 矢量 就 是 从 一 个 单位 球 的 球 心 出 发 、 到 达 球面 的 矢量 。 图 4.21 给 出 
了 二 维 空间 内 的 一 些 单位 矢量 。 


A 图 4.21 二 维 空间 的 单位 天 量 都 会 落 在 单位 圆 上 


需要 注意 的 是 ， 在 后 面 的 章节 中 我 们 将 会 不 断 遇 到 法 线 方向 (也 
被 称 为 法 矢量 ) 、 光 源 方向 等 ， 这 些 矢 量 不 一 定 是 归 一 化 后 的 矢量 。 
由 于 我 们 的 计算 往往 要 求 天 量 是 单位 天 量 ， 因 此 在 使 用 前 应 先 对 这 些 
矢量 进行 归 一 化 运算 。 


5. 和 天 量 的 点 积 


和 天 量 之 间 也 可 以 进行 乘法 ， 但 是 和 标量 之 间 的 乘法 有 很 大 不 同 。 
矢量 的 乘法 有 两 种 最 常用 的 种 类 : 点 积 《dotproduct， 也 被 称 为 内 积 
，inner product) 和 了 叉 积 (cross product， 也 被 称 为 外 积 ，outer 
product) 。 在 本 和 中 ， 我 们 将 讨论 第 一 种 类 型 : 点 积 。 


读者 可 能 认为 上 面 几 节 的 内 容 都 很 商 单 , “这 些 都 显而易见 呆 ”。 
那么 从 这 一 节 开 始 ， 我 们 就 会 遇 到 一 些 真正 需要 花费 力气 ( 真 的 只 
一 所 点 ) 去 记忆 的 公式 。 幸 运 的 是 ， 绝 大 多 数 公式 是 有 几何 意义 的 ， 
也 就 古 说 ， 我 们 可 以 通过 画图 的 方式 来 理解 和 帮助 记忆 。 


比 仅仅 记 住 这 些 公 去 更 加 重要 的 是 ， 我 们 要 真正 理解 它们 十 做 什 
么 的 。 只 有 这 样 ， 我 们 才能 在 需要 时 想起 来 ,“ 噢 ， 这 个 需求 我 可 以 用 
这 个 公式 来 实现 ! "在 我 们 编写 Shader 的 过 程 中 ， 通 常 程序 接口 都 会 提 
供 这 些 公式 的 实现 ， 因 此 我 们 往往 不 需要 手工 输入 这 些 公式 。 例 如 ， 
在 Unity Shader 中 ， 我 们 可 以 直接 使 用 形 如 dot(a, bD) 的 代码 来 对 两 个 天 量 
值 进行 点 积 的 运算 。 


点 积 的 名 称 来 源 于 这 个 运算 的 符号 : ab“。 中 间 的 这 个 圆 点 符号 是 
不 可 以 省 略 的 。 点 积 的 公式 有 了 两 种 形式 ， 我 们 先 来 看 第 一 种 。 两 个 二 
维 矢 量 的 点 积 是 把 两 个 矢量 对 应 分 量 相 乘 后 再 取 和 ， 最 后 的 结果 是 


个 标量 。 


Ns 


a‘b =(ay, ay, qz ) ‘(bx , by, b; )= ax bx + ay by ta, b, 
下 面 是 一 些 例子 : 
(1,2,3) (0.5,4,2.5)=0.5+8+7.5=16 
(-3,4,0)'(5, -1,7)= -15+-4+0=-19 
天 量 的 点 积 满足 交换 律 ， 即 a'b =b "a 


点 积 的 几何 意义 很 重要 ， 因 为 点 积 几乎 应 用 到 了 图 形 学 的 各 个 方 
面 。 其 中 一 个 几何 意义 就 是 投影 (projection) 


假设 ， 有 一 个 单位 天 量 和 另 一 个 长 度 不 限 的 天 量 b 。 现 在 ， 我 们 硕 
望 得 到 b 在 平行 于 的 一 条 直线 上 的 投影 。 那 么 ， 我 们 束 可 以 使 用 点 积 b 
来 得 到 b 在 方向 上 的 有 符号 的 投影 。 


那么 ， 投 影 到 确 是 什么 意思 呢 ? 这 里 给 出 一 个 通俗 的 解释 。 我 们 
可 以 认为 ， 现 在 有 一 个 光源 ， 它 发 出 的 光线 是 垂直 于 方 同 的 ， 那 么 b 在 
方向 上 的 投影 吏 是 b 在 方 同 上 的 影子 ， 如 图 4.22 所 示 。 


需要 注意 的 是， 投影 的 值 可 能 是 负数 。 投 影 结 采 的 正 负 号 与 和 b 的 
方向 有 关 : 当 它 们 的 方向 相反 ( 夹 角 大 于 90*) 时 ， 结 果 小 于 0; 当 它 


们 的 方向 互相 垂直 〈 夹 角 为 90") 时 ， 结 果 等 于 0; 当 它 们 的 方向 相同 
( 夹 角 小 于 90") 时 ， 结 果 大 于 0。 图 4.23 给 出 了 这 3 种 情况 的 图 示 。 
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图 4.22 ”矢量 b 在 单位 矢量 a 方向 上 的 投影 


| 


a 站 a.d<0 


也 


全 图 4.23 点 积 的 符号 


也 束 是 说 ， 点 积 的 符号 可 以 让 我 们 知道 两 个 天 量 的 方 癌 关系 。 


那么 ， 如 果 a 不 是 一 个 单位 天 量 会 如 何 呢 ? 这 很 容易 想到 ， 任 何 两 
个 矢量 的 点 积 a b 等 同 于 b 在 a 方向 上 的 投影 值 ， 再 乘 以 a 的 长 度 。 


点 积 具 有 一 些 很 重要 的 性 质 ， 在 Shader 的 计算 中 ， 我 们 会 经 党 利用 
这 些 性 质 来 帮助 计算 。 


性 质 一 : 点 积 可 结合 标量 乘法 。 


上 面 的 “结合 ”是 说 ， 氮 积 的 操作 数 之 一 可 以 是 太一 个 运算 的 结 
果 ， 即 矢量 和 标量 相 乘 的 结 末 。 公 式 如 下 : 


(ka)b=a(kb)=k(ab) 


也 就 是 说 ， 对 点 积 中 其 中 一 个 天 量 进行 缩放 的 结 有 末 ， 相 当 于 对 最 
后 的 点 积 结 采 进行 缩放 。 


性 质 二 :后 积 可 结合 天 量 加 法 和 减法 ， 和 性 质 一 类 似 。 


这 里 的 “结合 ” 指 的 是 ， 点 积 的 操作 数 可 以 是 天 量 相 加 或 相 减 后 的 
结果 。 用 公式 表达 就 十 : 


a':(b+c)=a'b+a':c 
把 上 面 的 c 换 成 -c 束 可 以 得 到 减法 的 版 本 。 
和 性质 三 : 一 个 矢量 和 本 喘 进 行 点 积 的 结 末 ， 是 该 天 量 的 模 的 平 


这 点 可 以 很 容易 从 公式 验证 得 到 : 


VY 济世 

这 意味 着 ， 我 们 可 以 直接 利用 点 积 来 求 天 量 的 模 ， 而 不 需要 使 用 
模 的 计算 公式 。 当 然 ， 我 们 需要 对 点 积 结果 进行 开平 方 的 操作 来 得 到 
真正 的 模 。 但 很 多 情况 下 ， 我 们 只 是 想 要 比较 两 个 天 量 的 长 度 大 小 ， 


因此 可 以 直接 使 用 点 积 的 结 °。 毕竟， 开平 方 的 运算 需要 消耗 一 定性 
能 。 


现在 是 时 候 来 看 点 积 的 男 一 种 表示 方法 了 。 这 种 方法 是 从 三 角 代 
数 的 角度 出 发 的 ， 这 种 表示 方法 更 加 具有 几何 意义 ， 因 为 它 可 以 明确 
地 强调 出 两 个 矢量 之 间 的 角度 。 


我 们 先 直 接 给 出 第 二 个 公式 。 


a. 


ab=|a| |b |cosg 


初 看 之 下 ， 似 乎 和 公式 一 没有 什么 联系 ， 怎 么 会 相等 呢 ? 我 们 先 
来 看 最 简单 的 情况 。 假 设 ， 我 们 对 两 个 单位 矢量 进行 点 积 ， 即 4 6b ， 
如 图 4.24 所 示 。 


到 了 产生 魔 ; 去 的 时 间 了 ! 我 们 知道 6 的 模 为 1， 且 读者 应 该 记得 
。 我 们 可 以 发 现 ， 图 中 a@ 6 的 结果 刚好 就 是 cos6 对 应 的 直角 边 。 


因此 由 图 4.24 可 以 得 到 | 
和 人 ^ 人 人 直角 边 
a'b=——— =cos0 


斜 边 


A 图 4.24 ”两 个 单位 矢量 进行 点 积 


这 也 就 是 说 ， 两 个 单位 矢量 的 点 积 等 于 它们 之 间 夹 角 的 余弦 值 。 
再 应 用 性 质 一 就 可 以 得 到 公式 二 了 : 

ab=(|ala)(lb|6)=lal|lb|l(G.:6)=|al| |b |cos0 

也 就 是 说 ， 两 个 矢量 的 点 积 可 以 表示 为 两 个 和 拓 量 的 模 相 乘 ， 再 乘 
以 它们 之 间 夹 角 的 余弦 值 。 从 这 个 公式 也 可 以 看 出 ， 为 什么 计算 投影 
时 两 个 矢量 的 方 同 不 同 会 得 到 不 同 符号 的 投影 值 ， 当 夹 角 小 于 90? 时 ， 
cosg >0; 当 夹 角 等 于 90° 时 ，cos0 =0;， 当 夹 角 大 于 90°? 时 ，cos0 <0。 


2 以 求 得 两 个 向 量 之 间 的 夹 角 〈 在 0" 一 
180°) : 


0 =arcos(G .b )， 假 设 # 和 ?是 单位 矢量 。 
其 中 ，arcos 是 反 人 余弦 操 作 。 
6. 矢量 的 又 积 


另 一 个 重要 的 矢量 运算 就 是 叉 积 (cross product)，， 也 被 称 为 外 
积 (outer product) 。 与 点 积 不 同 的 是 ， 矢 量 又 积 的 结果 仍 是 一 个 矢 


量 ， 而 非 标 量 。 


和 点 积 类 似 ， 叉 积 的 名 称 来 源 于 它 的 符号 : a xb 。 同 样 ， 这 个 又 
号 也 是 不 可 省 略 的 。 两 个 矢量 的 义 积 可 以 用 如 下 公式 计算 : 


a xb =(Qx » dy ， dy )x(b、 » by 》 b, )=(ay b, 一 Q7 by ， Uy b, 一 Qx b, ,dy by ay b, ) 


上 上 面 的 公式 看 起 来 很 复杂 ， 但 其 实 是 有 一 定 规 律 的 。 图 4.25 给 出 了 
这 样 的 规律 图 示 。 


x 分 量 y 分 量 zz 分 量 


第 一 个 矢量 


第 二 个 矢量 


A 图 4.25 三维 天 量 又 积 的 计算 规律 。 不 同 颜色 的 线 表 示 了 计算 结果 矢量 中 对 应 颜色 的 分 量 的 
计算 路 径 。 以 红色 为 例 ， 即 结果 和 天 量 的 第 一 个 分 量 ， 它 是 从 第 一 个 天 量 的 y 分 量 出 发 乘 以 第 二 
个 矢量 的 z 分 量 ， 再 减 去 第 一 个 矢量 的 z 分 量 和 第 二 矢量 的 y 分 量 的 乘积 


例如 : 
(12,3)x(-2, -14)=((2)(4) = (3)(-1),(3)(-2) = (1)(4),(1)(-1)-(2)(-2)) 
=(8-(-3),(-6)-4,(-1)-(-4))=(11,-10,3) 


需要 注意 的 是 ， 又 积 不 满足 交换 律 ， 即 a xbzbxa。 实 际 上 ， 又 积 
是 满足 反 交 换 律 的 ， 即 a xb =-(b xa )。 而 且 又 积 也 不 满足 结合 律 ， 即 


(a xb ) xc za x(b xc )° 


从 又 积 的 几何 意义 出 发 ， 我 们 可 以 更 加 深入 地 理解 它 的 用 处 。 对 
两 个 天 量 进行 又 积 的 结果 会 得 到 一 个 同时 垂直 于 这 两 个 天 量 的 新 天 
量 。 我 们 已 经 知道 ， 天 量 是 由 一 个 模 和 方向 来 定义 的 ， 那 么 这 个 者 的 
矢量 的 模 和 方向 是 什么 呢 ? 


我 们 先 来 看 它 的 模 。a xb 的 长 度 等 于 a 和 b 的 模 的 乘积 再 乘 以 它们 
之 间 夹 角 的 正弦 值 。 公 式 如 下 : 


laxb |=|a| |b |sing 


读者 可 能 已 经 发 现 ， 上 述 公 式 和 点 积 的 计算 公式 很 类 似 ， 不 同 的 
征 ， 这 里 使 用 的 是 正弦 值 。 如 果 读 者 对 中 学 数学 还 有 记忆 的 话 ， 可 能 
还 会 发 现 ， 这 和 平行 四 边 形 的 面积 计算 公式 是 一 样 的 。 如 果 你 起 记 
了 ， 没 关系 ， 我 们 在 这 里 回忆 一 下 。 


如 图 4.26 所 示 ， 我 们 使 用 a 和 b 构建 一 个 平行 四 边 形 。 


我 们 知道 ， 平 行 四 边 形 的 面积 可 以 使 用 | b | h 来 得 到 ， 即 底 乘 以 
高 。 而 h 又 可 以 使 用 | a | 和 夹 角 9 来 得 到 ， 即 


A=|b|lh=|lb|(|la |sin0)=|a| |b |sinn=|axb | 


你 可 能 会 问 ， 如 果 a 和 b 平行 《可 以 是 方向 完全 相同 ， 也 可 以 是 完 
全 相反 ) 怎么 办 ， 不 就 不 能 构建 平行 四 边 形 了 吗 ? 我 们 可 以 认为 构建 
出 来 的 平行 四 边 形 面积 为 0， 那 么 a xb =0。 注 意 ， 这 里 得 到 的 是 零 向 
量 ， 而 不 是 标量 0 。 


下 面 ， 我 们 来 看 结 东 矢量 的 方向 。 你 可 能 会 说 :“ 方 癌 ? 不 是 已 经 
说 了 方 回 了 嘛 ， 融 是 和 两 个 天 量 都 垂直 束 可 以 了 啊 。” 但 是 ， 如 采 你 仔 
细 想 一 下 束 会 发 现 ， 实 际 上 我 们 有 两 个 方 辐 可 以 选择 ， 这 两 个 方 癌 都 
和 这 两 个 天 量 垂直 。 那 么 ， 我 们 要 选择 哪个 方 同 呢 ? 


这 里 就 要 和 之 前 提 到 的 左手 坐标 系 和 右手 坐标 系 联系 起 来 了 ， 如 
图 4.27 所 示 。 


全 


图 4.26 使 


b 


右手 坐标 系 : axb 


用 矢量 a 和 矢量 b 构建 一 个 平行 四 边 形 


A 图 4.27 分 别 使 


左手 坐标 系 : axb 


左手 坐标 系 和 右手 


芭 


EA 标 系 


得 


可 


到 的 又 积 结果 


这 个 结果 是 怎么 得 到 的 呢 ? 来 ， 举 起 你 的 双手 ! 哦 ， 不 .…… 先 举 


起 你 的 右手 。 在 右手 坐标 系 中 ，a xb 的 方向 将 使 用 右手 法 则 来 判断 。 
我 们 先 想 象 把 手心 放 在 了 a 和 b 的 尾部 交点 处 ， 然 后 张 开 你 的 手掌 让 手 
掌 方 辐 和 a 的 方 癌 重合 ， 再 弯曲 你 的 四 指 让 它们 同 b 的 方 同 靠 扰 ， 最 后 
伸 出 你 的 大 拇指 ! 天 拇指 指 同 的 方 癌 吏 是 右手 坐标 系 中 a xb 的 方 癌 

了 。 如 果 你 实在 不 明日 怎么 摆 放 和 扭 动 你 的 手 ， 那 么 吏 看 图 4.28 好 了 。 


右手 坐标 系 : axb 


A 图 4.28 使 用 右手 法 则 判断 右手 坐标 系 中 a xb 的 方向 


同 理 ， 我 们 可 以 使 用 左手 法 则 来 判断 左手 坐标 系 中 a xb 的 方 癌 。 
赶紧 举 起 你 的 左手 试 试 吧 (你 可 能 会 发 现 这 个 姿势 比较 扭曲 ) ! 


需要 注意 的 是 ， 虽 然 看 起 来 左 石 手 坐 标 系 的 选择 会 影响 又 积 的 结 
果 ， 但 这 仅仅 是 “看 起 来 ?而 已 。 从 又 积 的 数学 表达 式 可 以 发 现 ， 使 用 
左手 坐标 系 还 是 右手 坐标 系 不 会 对 计算 结果 产生 任何 影响 ， 它 影响 的 
只 是 数字 在 三 维 空间 中 的 视觉 化 表现 而 已 。 当 从 右手 坐标 系 转换 为 左 
手 坐 标 系 时 ， 所 有 点 和 矢量 的 表达 和 计算 方式 都 会 保持 不 变 ， 只 是 当 
呈现 到 屏幕 上 时 ， 我 们 可 能 会 发 现 , “号 ， 怎 么 图 像 反 过 来 了 ! ”。 当 
我 们 想 要 两 个 坐标 系 达 到 同样 的 视觉 效果 时 ， 可 能 束 需 要 改变 一 些 数 


学 运算 公式 ， 这 不 在 本 书 的 范畴 内 。 有 兴趣 的 读者 可 以 参考 本 章 的 扩 
展 阅读 部 分 。 


那么 ， 又 积 到 搬 有 什么 用 呢 ? 最 稍 见 的 一 个 应 用 职 是 计算 垂直 于 
一 个 平面 、 三 角形 的 矢量 。 男 外 ， 还 可 以 用 于 判断 三 角 面 片 的 朝 癌 。 
读者 可 以 在 本 和 的 练习 题 中 找到 这 些 应 用 。 
4.3.3 ”练习 题 


又 到 了 做 练习 的 时 候 了 ， 大 家 征 不 是 都 很 激动 ! 那么 ， 赶 紧 拿 起 
笔 、 拿 起 纸 开 始 吧 


1. 是 非 题 


(1) 一 个 矢量 的 大 小 不 重要 ， 我 们 只 需要 在 正确 的 位 置 把 它 画 出 
来 束 可 以 了 。 


(2) 点 可 以 认为 是 位 置 矢量 ， 这 是 通过 把 矢量 的 尾 固 定 在 原点 得 
到 的 。 


i 2 选择 左手 坐标 系 还 是 右手 坐标 系 很 重要 ， 因 为 这 会 影响 又 积 
9 计算 。 


2. 计算 下 面 的 天 量 运 算 : 


(23 


(2) 2.5(5,4,10) 


(3,4) 


(3 
(4) 对 (5,12) 进 行 归 一 化 
(5) (1,1,1) 进 行 归 一 化 


(6) (7,4)+(3,5) 


(7) (9,4,13)-(15,3,11) 


3. 假设 ,场景 中 有 一 个 光源 ， 位 置 在 (10,13,11) 处 ， 还 有 一 个 点 
(2,1,1)， 那 么 光源 距离 该 点 的 距离 是 的 少 ? 


4. 计算 下 面 的 矢量 运算 : 


(1) (4,7)-(3,9) 


(2) (2,5,6).(3,1,2)-10 
(3) 0.5(-3,4):(-2,5) 

(4) (3,-1 2)x(-5,4,1) 
(5) (~5,4,1)x(3,-1,2) 


5. 已 知 矢 量 a 和 矢量 b ，a 的 模 为 4, bb 的 模 为 6， 它 们 之 间 的 夹 角 
为 60"。 计 算 : 


(1) ab 


/i 


吕 |& 
| 


sin60° = 0.866 cos60*= 工 -05 ， 


(2) | a xb | 提示 : 2 


6. 假设 ， 场 景 中 有 一 个 NPC， 它 位 于 点 p 处 ， 它 的 前 方 
(forward) 可 以 使 用 矢量 v 来 表示 。 


(1) 如 果 现在 玩家 运动 到 了 点 x 处 ， 那 么 如 何 判断 玩家 是 在 NPC 
的 前 方 还 是 后 方 ?请 使 用 数学 公式 来 接 述 你 的 答案 。 提 示 : 使 用 点 
日 


O 
人 


(2) 使 用 你 在 a 中 提 到 的 方法 ， 代 入 p =(4,2),v =(-3,4),x =(10,6) 来 
验证 你 的 答案 。 


(3) 现在 ， 游 戏 有 了 新 的 需求 : NPC 只 能 观察 到 有 限 的 视角 范 
围 ， 这 个 视角 的 角度 是 p ， 也 就 是 说 NPC 最 多 只 能 看 到 它 前 方 左 侧 或 右 


侧 2 角度 内 的 物体 。 那 么 ， 我 们 如 何 通过 点 积 来 判断 NPC 是 否 可 以 看 到 


扣 X 呢 ? 


(4) 在 c 的 条 件 基础 上 ， 策 划 又 有 了 新 的 需求 : NPC 的 观察 距离 
也 有 了 限制 ， 它 只 能 看 到 固定 距离 内 的 对 象 ， 现 在 又 如 何 判 断 呢 ? 


7. 在 泻 染 中 我 们 时 常会 需要 判断 一 个 三 角 面 片 是 正面 还 是 背面 ， 
这 可 以 通过 判断 三 角形 的 3 个 顶点 在 当前 至 间 中 二 有 顺 时 针 还 是 计时 针 排 
列 来 得 到 。 给 定 三 角形 的 3 个 顶点 p1 、p， 和 p 3 ， 如 何 利 用 文 积 来 判断 
这 3 个 点 的 顺序 是 顺 时 针 还 是 逆 时 针 ? 假设 我 们 使 用 的 是 左手 坐标 系 ， 
且 p 1、ps 和 p 3 都 位 于 xy 平面 〈 即 它们 的 z 分 量 均 为 0) ， 人 有 眼 位 于 z 
轴 的 人 负 方 同上 ， 辣 z 轴 正 方 同 观察 ， 如 图 4.29 所 示 。 


my 


十 X 


人 眼 观察 
方向 


© 


A 图 4.29 三 角形 的 三 个 顶点 位 于 xy 平面 上 ， 人 有 眼 位 于 z 轴 负 方向 ， 向 z 轴 正 方向 观察 


4.4 ”矩阵 


不 笠 的 是 ， 没 有 人 能 告诉 你 母体 (matrix) 究竟 是 什么 。 你 需要 自己 
去 发 现 它 。 


一 一 电影 《黑客 遂 国 》 (英文 名 : The Matrix) 


和 矩阵， 英文 名 是 matrix。 如 果 你 用 翻译 软件 去 查 matrix 这 个 单词 的 
翻译 ， 束 会 发 现 它 还 有 一 个 意思 束 是 母体 。 事 实 上 ， 很 多 人 都 不 知 
道 ， 那 部 具有 路 时 代 意 义 的 电影 《墨客 帝国 》 的 英文 名 吏 是 《The 
Matrix》。 在 电影 《黑客 帝国 》 中 ， 和 母体 十 一 个 庞大 的 虚拟 系统 ， 它 
看 似 虚 无 绿 渺 ， 但 又 连接 万 物 。 这 一 点 和 甜 阵 有 异曲同工 之 妙 。 


没有 人 敢 否 认 卸 阵 在 三 维 数学 中 的 重要 性 ， 事 实 上 和 矩阵 在 整个 线 
性 代数 的 世界 中 都 份 演 了 举足轻重 的 角色 。 在 三 维 数学 中 ， 我 们 通 向 
会 使 用 矩阵 来 进行 变换 。 一 个 矩阵 可 以 把 一 个 天 量 从 一 个 坐标 空间 转 
换 到 男 一 个 坐标 空间 。 在 第 2 章 泻 染 流 水 线 中 ， 我 们 束 看 到 了 很 多 坐标 
变换 ， 例 如 在 顶点 着 色 右 中 我 们 需要 把 顶点 坐标 从 模型 空间 变换 到 齐 
次 裁 交 坐 标 系 中 。 而 在 这 一 草 中 ， 我 们 先 来 认识 一 下 短 阵 这 个 概念 。 


那么 ， 现 在 我 们 吏 来 看 一 下 ， 这 些 放 在 一 个 小 括号 里 的 数字 怎么 
忠 这 么 重要 呢 ? 为 什么 数学 家 们 都 豆 欢 用 这 个 小 东西 来 搞 出 这 么 多 名 
党 呢 ? 


4.4.1 ”矩阵 的 定义 
相信 很 多 读者 都 见 过 矩阵 的 真 容 ， 例 如 像 下 面 这 个 样子 : 


| | 7 2 

J BB 3: 0 

让 
从 它 的 外 观 上 来 看 ， 束 是 一 个 长 方形 的 网 格 ， 每 个 格子 里 放 了 一 
个 数字 。 的 确 ， 和 矩阵 就 是 这 么 简单 : 它 是 由 m xn 个 标量 组 成 的 长 方形 


数组 。 在 上 面 的 式 子 中 ， 我 们 是 用 方 括号 来 围 住 矩 阵 中 的 数字 ， 而 一 
些 其 他 的 资料 可 能 会 使 用 圆 括号 或 花 括 号 来 表示 ， 这 都 是 等 价 的 。 


既然 是 网 格 结构 ， 就 意味 着 矩阵 有 行 (row) 列 (column) 之 
分 。 例 如 上 面 的 例子 就 是 一 个 3x4 的 矩阵 ， 它 有 三 行 四 列 。 据 此 ， 我 
们 可 以 给 出 矩阵 的 一 般 表达 式 。 以 3x3 的 矩阵 为 例 ， 它 可 以 写成 : 


mil 77212 m13 
MT= |mal m2 77223 


771.3]1 77232 77133 
my 表明 了 这 个 元 素 在 矩阵 M 的 第 i 行 、 第 j 列 。 


这 样 看 起 来 矩阵 也 没什么 神秘 的 嘛 。 但 是 ， 越 位 单 的 东西 往往 越 
厉害 ， 这 也 是 数学 的 魅力 所 在 。 


4.4.2 ”和 和 天 量 联系 起 来 


前 面 说 到 ， 矢 量 其 实 就 是 一 个 数组 ， 而 矩阵 也 是 一 个 数组 。 既 然 
都 是 数组 ， 那 就 是 一 家 人 了 ! 我 们 很 容易 想到 ， 我 们 可 以 用 矩阵 来 表 
示 矢 量 。 实 际 上 ， 矢 量 可 以 看 成 是 n xl 的 列 和 矩阵 (column matrix) 
或 1xn 的 行 矩阵 (row matrix) ， 其 中 n 对 应 了 矢量 的 维度 。 例 如 ， 
矢量 v =(3,8,6) 可 以 写成 行 和 矩阵 


[386] 


: 
|: 
为 什么 我 们 要 把 矢量 和 和 矩阵 联系 在 一 起 呢 ? 这 是 为 了 可 以 让 矢量 


像 一 个 矩阵 一 样 一 起 参与 矩阵 运算 。 这 在 空间 变换 中 将 非常 有 用 。 


到 现在 ， 使 用 行 矩 阵 还 是 列 矩 阵 来 表示 矢量 看 起 来 是 没什么 分 别 
的 。 的 确 ， 我 们 可 以 根据 目 己 的 喜好 来 选择 表示 方法 ， 但 是 ， 如 有 果 要 


或 列 矩 阵 


和 和 扼 阵 一 起 参与 乘法 运算 时 ， 这 种 选择 会 影响 我 们 的 书写 顺序 和 绪 
果 。 这 正 古 我 们 下 面 要 讲 到 的 。 


4.4.3 ”和 矩阵 运算 

矩阵 这 个 家 伙 看 起 来 比 矢 量 要 庞大 很 多 ， 那 么 它 的 运算 是 不 是 很 
复杂 呢 ? 答案 是 肯定 的 。 人 但是， 入 和 运 的 是 在 写 Shader 的 过 程 中 ， 我 们 
只 需要 和 很 简单 的 一 部 分 运算 打交道 。 
1. 矩阵 和 标量 的 乘法 

和 矢量 类 似 ， 和 矩阵 也 可 以 和 标量 相 乘 ， 它 的 结果 仍然 是 一 个 相同 


维度 的 矩阵 。 它 们 之 间 的 乘法 非常 位 单 ， 束 是 矩阵 的 每 个 元 素 和 该 标 
量 相 乘 。 以 3x3 的 和 矩阵 为 例 ， 其 公式 如 下 : 


mill m12 In13 大 77211 kmi2 km13 
kM = ME=k ma m2 m3| = Ikm2ol km22 大 77223 


772.31 77232 77233 


大 77231 大 77232 大 77233 


2. 和 矩阵 和 甜 阵 的 乘法 


两 个 矩阵 的 乘法 也 很 简单 ， 它 们 的 结果 会 是 一 个 新 的 矩阵 ， 并 且 
这 个 矩阵 的 维度 和 两 个 原 矩 阵 的 维度 都 有 关系 。 


一 个 r xn 的 矩阵 A 和 一 个 n xc 的 矩阵 B 相 乘 ， 它 们 的 结果 AB 将 会 
是 一 个 r xc 大 小 的 矩阵 。 请 读者 注意 它们 的 行列 关系 ， 第 一 个 矩阵 的 
列 数 必须 和 第 二 个 矩阵 的 行 数 相 同 ， 它 们 相 乘 得 到 的 矩阵 的 行 数 是 第 
一 个 矩阵 的 行 数 ， 而 列 数 是 第 二 个 矩阵 的 列 数 。 例 如 ， 如 果 和 矩阵 A 的 
维度 是 4x3， 和 矩阵 B 的 维度 是 3x6， 那 么 AB 的 维度 就 是 4x6。 


如 果 两 个 矩阵 的 行列 不 满足 上 面 的 规定 怎么 办 ? 那么 很 抱歉 ， 这 
两 个 矩阵 就 不 能 相 乘 ， 因 为 它们 之 间 的 乘法 是 没有 被 定义 的 (当然 ， 
读者 完全 可 以 目 己 定义 一 种 新 的 乘法 ， 但 是 数学 家 们 会 不 会 买账 殉 不 
一 定 了 ) 。 那 么 为 什么 会 有 上 面 的 规定 呢 ? 等 我们 理解 了 矩阵 乘法 的 
控 作 过 程 目 然 束 会 明日 。 


我 们 先 给 出 看 起 来 很 复杂 难 懂 〈 当 给 出 直观 的 表 式 后 读者 会 发 现 
其 实 它 没 那么 难 懂 ) 的 数学 表达 式 : 设 有 r xn 的 矩阵 A 和 一 个 n xc 的 
和 矩阵 B ， 它 们 相 乘 会 得 到 一 个 r xc 的 矩阵 C =AB。 那 么 ，C 中 的 每 一 
个 元 素 ci 等 于 A 的 第 i 行 所 对 应 的 矢量 和 B 的 第 ) 列 所 对 应 的 天 量 进行 
和 天 量 点 乘 的 结 有 末 ， 即 


n 
>》 aikbkj 
=ai1b1j;+ qi2b2j;+t...+ ain bn =A=! 


Ci 


j 
看 起 来 很 复杂 对 吗 ? 但 是 ， 我 们 可 以 用 一 个 更 简单 的 方式 来 解 
释 ， 对 于 每 个 元 素 cy ， 我 们 找到 A 中 的 第 ; 行 和 B 中 的 第 i 列 ， 然 后 把 

它们 的 对 应 元 素 相 乘 后 再 加 起 来 ， 这 个 和 就 是 cy 。 


一 种 更 直观 的 方式 如 图 4.30 所 示 。 假 设 A 的 大 小 是 4x2，B 的 大 小 
是 2x4， 那 么 如 果 要 计算 C 的 元 素 c ?3 的 话 ， 先 找到 对 应 的 行 矩 阵 和 列 
矩阵 ， 即 A 中 的 第 2 行 和 B 中 的 第 3 列 ， 把 它们 进行 矢量 点 积 后 就 可 以 
得 到 结果 值 。 因 此 ，c,s=a21b13t+a2b23° 


[i bi» 1213 是 
p21 b> 1223| b24 


dll 412 Cll C12 C13 C14 
021 a22 c21 C22 C24 
C31 432 C31 C32 C33 C34 
441 442 C41 C42 C43 C44 


A 图 4.30 计算 c 53 的 过 程 


在 Shader 的 计算 中 ， 我 们 更 多 的 是 使 用 4x4 和 矩阵 来 运算 的 。 


和 矩阵 乘法 满足 一 些 性 质 。 
性 质 一 : 矩阵 乘法 并 不 满足 交换 律 。 
也 就 是 说 ， 通 常情 况 下 : 
AB zBA 
性 质 二 : 矩阵 乘法 满足 结合 律 。 
也 就 是 说 ， 
(AB )C =A (BC ) 
和 矩阵 乘法 的 结合 律 可 以 扩展 到 更 多 矩阵 的 相 乘 。 例 如 ， 
ABCDE =((A (BC))D )E =(AB )(CD )E 
读者 可 根据 矩阵 乘法 的 定义 很 轻松 地 验证 上 述 结论 。 
4.4.4 ”特殊 的 矩阵 


有 一 些 特 殊 的 矩阵 类 型 在 Shader 中 经 常见 到 。 这 些 特殊 的 矩阵 往 
往 具 有 一 些 重要 的 性 质 。 


1. 方块 矩阵 


方块 矩阵 (square matrix) ， 简 称 方 阵 ， 是 指 那些 行 和 列 数目 相 
等 的 和 矩阵。 在 三 维 泻 染 里 ， 最 常 使 用 的 就 是 3x3 和 4x4 的 方 阵 。 


方 阵 之 所 以 值得 单独 拿 出 来 讲 ， 是 因为 矩阵 的 一 些 运算 和 性 质 是 
只 有 方 阵 才 具有 的 。 例 如 ， 对 角 元 素 (diagonal elements) 。 方 阵 的 
对 角 元 素 指 的 是 行 号 和 列 号 相等 的 元 素 ， 例如 m11 “m2，2、m33 等 。 
如 果 把 方 阵 看 成 一 个 正方 形 的 话 ， 这 些 元 素 排 列 在 正方 形 的 对 角 线 
上 ， 这 也 是 它们 名 字 的 由 来 。 如 果 一 个 矩阵 除了 对 角 元 素 外 的 所 有 元 
素 都 为 0， 那 么 这 个 矩阵 就 叫做 对 角 和 矩阵 (diagonal matrix) 。 例 
如 ， 下 面 就 是 一 个 4x4 的 对 角 和 矩阵 : 


2. 单位 矩阵 


一 个 特殊 的 对 角 和 矩阵 是 单位 矩阵 (identity matrix) ， 用 I 来 表 
示 。 一 个 3x3 的 单位 矩阵 如 下 : 


为 什么 要 为 这 种 矩阵 单独 起 一 个 名 字 呢 ?这 是 因为 ， 任 何 矩 阵 和 
它 相 乘 的 结果 都 还 古 原 来 的 和 矩阵。 也 就 十 说 ， 


MI =IM =M 
这 就 跟 标 量 中 的 数字 1 一 样 ! 
3. 转 置 矩 阵 
转 置 矩阵 (transposed matrix) 实际 是 对 原 和 矩阵 的 一 种 运算 ， 即 
转 置 运算 。 给 定 一 个 r xc 的 矩阵 M ， 它 的 转 置 可 以 表示 成 MT ， 这 是 
一 个 c xr 的 矩阵 。 转 置 矩 阵 的 计算 非常 简单 ， 我 们 只 需要 把 原 矩 阵 翻 


转 一 下 即 可 。 也 就 是 说 ， 原 矩阵 的 第 i 行 变 成 了 第 i 列 ， 而 第 ) 列 变 成 
了 第 ) 行 。 数 学 公式 是 : 


例如 ， 


对 于 行 矩 阵 和 列 和 矩阵 来 说 ， 我 们 可 以 使 用 转 置 操作 来 转换 行列 矩 
孟 : 


转 置 矩阵 也 有 一 些 第 用 的 性 质 。 
性 质 一 :矩阵 转 置 的 转 置 等 于 原 矩 阵 。 


很 容易 理解 ， 我 们 把 一 个 矩阵 翻转 一 下 后 表 翻 转 一 下 ， 等 于 没有 
对 矩阵 做 任何 操作 。 即 


(M7) =M 
性 质 二 : 甜 阵 串 接 的 转 置 ， 等 于 有 反 同 串 接 各 个 矩阵 的 转 置 。 
用 公式 表示 丈 是 : 


(AB ) "=BTAT 
该 性 质 同 样 可 以 扩展 到 更 多 窍 阵 相 乘 的 情况 。 
4. 逆 矩 阵 
道 和 矩阵 (inverse matrix) 大 概 是 本 书 讲 到 的 关于 和 矩阵 最 复杂 的 
一 种 操作 了 。 不 是 所 有 的 矩阵 都 有 逆 窍 阵 ， 第 一 个 前 提 就 是 ， 该 矩阵 
必须 是 一 个 方 阵 。 
给 定 一 个 方 阵 M ， 它 的 逆 和 矩阵 用 M -1 来 表示 。 逆 抢 阵 最 重要 的 性 


质 就 是， 如 有 果 我 们 把 M 和 M ” 相 乘 ， 那 么 它们 的 结果 将 会 是 一 个 单位 
和 窍 阵 。 也 吕 是 说 ， 


MM -1=M-LM=I 


前 面 说 了 ， 并 非 所 有 的 方 阵 都 有 对 应 的 逆 和 矩阵 。 一 个 明显 的 例子 
就 是 一 个 所 有 元 素 都 为 0 的 和 矩阵， 很 显然 ， 任 何 和 矩阵 和 它 相 乘 都 会 得 到 
一 个 零 矩 阵 ， 即 所 有 的 元 素 仍 然 都 是 0。 如 果 一 个 矩阵 有 对 应 的 逆 矩 
阵 ， 我 们 就 说 这 个 矩阵 是 可 逆 的 (invertible) 或 者 说 是 非 奇 异 的 

(nonsingular) ; 相反 的 ， 如 果 一 个 矩阵 没有 对 应 的 逆 和 矩阵， 我 们 就 
说 它 是 不 可 闭 的 “noninvertible) 或 者 说 是 奇异 的 (singular) 


那么 如 何 判 断 一 个 矩阵 是 否 是 可 逆 的 呢 ? 人 简单 来 说 ， 如 果 一 个 矩 
阵 的 行列 式 〈determinant) 不 为 0， 那 么 它 就 是 可 逆 的 。 关 于 和 矩阵 的 
行列 式 是 什么 以 及 如 何 求解 一 个 矩阵 的 人 逆 窍 阵 ， 可 以 参见 本 草 的 扩展 
阅读 部 分 。 由 于 这 部 分 内 容 涉及 较 多 计算 和 其 他 定义 ， 本 书 不 再 发 
述 。 在 写 Shader 的 过 程 中 ， 这 些 和 矩阵 通常 可 以 通过 调用 第 三 方 库 (如 
C++ 数学 库 Eigen) 来 直接 求 得 ， 不 需要 开发 者 手动 计算 。 在 Unity 中 ， 
重要 变换 矩阵 的 逆 和 矩阵 Unity 也 提供 了 相应 的 变量 供 我 们 使 用 。 关 于 这 
些 Unity 内 置 的 矩 阵 ， 读 者 可 以 在 本 章 的 4.8 世 找到 更 详细 的 解释 。 


敢 和 矩阵 有 很 多 非常 重 要 的 性 质 。 
性 质 一 : 逆 矩 阵 的 逆 矩 阵 是 原 矩 阵 本 吴 。 
假设 矩阵 M 是 可 所 的 ， 那 么 


(M 1)!=M 
性 质 二 : 单位 矩阵 的 逆 和 矩阵 是 它 本 身 。 
即 
I +eI 
性 质 三 ， 转 置 矩 阵 的 逆 和 矩阵 是 逆 和 矩阵 的 转 置 。 
即 


(M 1 =(M 5 ) T 


性 质 四 : 矩阵 串 接 相 乘 后 的 逆 年 阵 等 于 反 回 串 接 各 个 年 阵 的 逆 垂 
色 
(AB)'=B A 
这 个 性 质 也 可 以 扩展 到 更 多 矩阵 的 连 乘 ， 如 : 
(ABCD)!'=D iC 1B IA 
逆 和 矩阵 是 具有 几何 意义 的 。 我 们 知道 一 个 矩阵 可 以 表示 一 个 变换 
( 详 见 4.5 节 ) ， 而 逆 矩 阵 允 许 我 们 还 原 这 个 变换 ， 或 者 说 是 计算 这 个 
变换 的 反 疝 变换 。 因 此 ， 如 果 我 们 使 用 变换 算 阵 M 对 矢量 v 进行 了 一 
次 变换 ， 然 后 再 使 用 它 的 逆 和 矩阵 M 进行 男 一 次 变换 ， 那 么 我 们 会 得 


到 原来 的 矢量 。 这 个 性 质 可 以 使 用 矩阵 乘法 的 结合 律 很 容易 地 进行 证 
明 . 


M 1 (Mv )=(M + M)v=Iv =v 
5. 正 交 矩阵 


另 一 个 特殊 的 方 阵 是 正 交 矩阵 (orthogonal matrix) 。 正 交 是 甜 
阵 的 一 种 属性 。 如 果 一 个 方 阵 M 和 它 的 转 置 矩 阵 的 乘积 是 单位 矩阵 的 
话 ， 我 们 就 说 这 个 矩阵 是 正 交 的 ” (orthogonal) 。 反 过 来 也 是 成 立 
的 。 也 束 是 说 ， 窍 阵 M 是 正 交 的 等 价 于 : 

MMT=MIiM =I 

读者 可 能 已 经 看 出 来 ， 上 式 和 我 们 在 上 一 六 讲 到 的 逆 矩 阵 时 过 到 
的 公式 很 像 。 把 这 两 个 公式 结合 起 来 ， 我 们 就 可 以 得 到 一 个 重要 的 性 
质 ， 即 如 果 一 个 矩阵 是 正 交 的 ， 那 么 它 的 转 置 佐 阵 和 逆 矩 阵 是 一 样 
的 。 也 束 是 说 ， 窍 阵 M 是 正 交 的 等 价 于 : 


MI =M 


这 个 式 子 非常 有 用 ， 因 为 在 三 维 变换 中 我 们 经 稼 会 需要 使 用 拨 矩 
阵 来 求解 反问 的 变换 。 而 逆 窍 阵 的 求解 往往 计算 量 很 大 ， 但 转 置 矩 阵 
却 非常 容易 求解 ， 我 们 只 需要 把 矩阵 翻转 一 下 整 可 以 了 。 那 么 ， 我 们 
如 何 提 前 判断 一 个 矩阵 是 否 是 正 交 算 阵 呢 ? 读 者 可 能 会 襄 ， 判 断 MM 
1=I 十 否 成 立 束 可 以 了 哪 ! 但 是 ， 求 解 这 样 一 个 表达 式 无 疑 是 需要 一 
定 计 算 量 的 ， 这 些 计算 量 可 能 和 直接 求解 逆 和 矩阵 无 异 。 而且， 如 琳 我 
们 判断 出 来 这 不 是 一 个 正 交 矩阵， 那么 这 些 伦 在 验证 是 否 是 正 交 矩阵 
上 的 计算 就 痕 费 了 。 因 此 ， 我 们 更 想 不 需 要 计算 ， 而 仅仅 根据 一 个 矩 
阵 的 构造 过 程 来 判断 这 个 矩阵 是 否 是 正 交 和 矩阵。 为 此 ， 我 们 需要 来 了 
解 正 交 和 矩阵 的 几何 意义 。 


我 们 来 看 一 下 对 于 3x3 的 正 交 矩阵 有 什么 特点 。 根 据 正 交 矩阵 的 
定义 ， 我 们 有 : 


这 样 ， 我 们 束 有 了 9 个 等 式 : 
C1C1=1, c1:c»>=0, ci1'c»=0 
co'C1=0，c cy=1，c5 Ca=0 
C3°C1=0, cs3:C»=0, cs3:Cc3=1 


我 们 可 以 得 到 以 下 结论 : 


。 矩阵 的 每 一 行 ， 即 c1 、c， 和 cs 是 单位 矢量 ， 因 为 只 有 这 样 它们 
与 目 己 的 总 积 才 能 是 1; 


。 和 矩阵 的 每 一 行 ， 即 c ;|、c ,和 c 3 之 间 互 相 垂 直 ， 因 为 只 有 这 样 它 
们 之 间 的 点 积 才能 是 0。 

。 上述 两 条 结论 对 和 矩阵 的 每 一 列 同 样 适用 ， 因 为 如 采 M 是 正 交 矩阵 
的 话 ，M ' 也 会 是 正 交 矩阵 。 


也 束 是 说 ， 如 采 一 个 矩阵 满足 上 面 的 条 件 ， 那 么 它 束 是 一 个 正 交 
矩阵。 读者 可 以 注意 到 ， 一 组 标准 正 交 基 〈 定 义 详 见 4.2.2 作 ) 可 以 精 
确 地 满足 上 述 条 件 。 在 4.6.2 市 中 ， 我 们 会 使 用 坐标 空间 的 基 矢 量 来 构 
建 用 于 空间 变换 的 矩阵 。 因 此 ， 如 采 这 些 基 和 天 量 苹 一 组 标准 正 交 基 的 
话 (例如 只 存在 旋转 变换 ， 那 么 我 们 就 可 以 直接 使 用 转 置 矩 阵 来 求 
得 该 变换 的 逆 变 换 。 


读者 ， 我 被 标准 正 交 、 正 交 这 些 概念 搞 混 了 ， 可 以 再 说 明 一 下 是 
什么 意思 吗 ? 


我 们 : 读者 应 该 已 经 知道 ， 一 个 坐标 空间 需要 指定 一 组 基 矢 量 ， 

也 束 是 我 们 理解 的 坐标 轴 。 如 果 这 些 基 矢量 之 间 是 互相 垂直 的 ， 那 么 
我 们 就 把 它们 称 为 是 一 组 正 交 基 (orthogonal basis) 。 但 是 ， 它 们 的 
长 度 并 不 要 求 一 定 是 1。 如 果 它 们 的 长 度 的 确 是 1 的 话 ， 我 们 就 说 它们 
是 一 组 标准 正 交 基 (orthonormal basis) 。 因 此 ， 一 个 正 交 和 矩阵 的 行 
和 列 之 间 分 别 构成 了 一 组 标准 正 交 基 。 但 是 ， 如 果 我 们 使 用 一 组 正 交 
基 来 构建 一 个 矩阵 的 话 ， 这 个 矩阵 可 能 束 不 是 一 个 正 交 矩阵 ， 因 为 这 
些 基 矢量 的 长 度 可 能 不 为 1， 也 就 是 说 它们 不 是 标准 正 交 基 。 


4.4.5 行 矩 阵 还 是 列 和 矩阵 


我 们 已 经 了 解 了 足够 多 的 数学 概念 ， 但 在 学 习 和 矩阵 的 几何 意义 之 
前 ， 我 们 有 必要 说 明 一 下 行 矩 阵 和 列 答 阵 的 问题 。 


在 前 面 的 章节 中 我 们 讲 到 ， 可 以 把 一 个 矢量 转换 成 一 个 行 矩 阵 或 
是 列 矩阵 。 它 们 本 身 是 没有 区 别 的 ， 但 是 ， 当 我 们 需要 把 它 和 另 一 个 
矩阵 相 乘 时 ， 就 会 出 现 一 些 差异 。 


假设 有 一 个 天 量 v =(x ;y ,z )， 我 们 可 以 把 它 转换 成 行 矩 阵 v = [xyz ] 
或 列 矩 阵 v= [xyz] (这 里 使 用 了 转 置 符号 来 避免 列 矩 阵 在 我 们 的 这 
一 行 中 显得 太 高 ) 。 现 在 ， 有 男 一 个 矩阵 M : 


77211 m12 m13 
Mf= |m2al m2 m23 


77231 77232 77733 


那么 M 分 别 和 行 矩阵 以 及 列 矩阵 相 乘 后 会 是 什么 结 末 呢 ? 我 们 先 
来 看 M 和 行 矩 阵 的 相 乘 。 由 移 阵 乘法 的 定义 可 知 ， 我 们 需要 把 行 矩 阵 
0 
条 件 ) ， 即 


下 村 一 [zm 十 177221 TMI31 TM12 一 YIN92 一 TIN32 77213 一 YIMN93 TT 277133| 


而 如 琳 和 列 和 矩阵 相 乘 的 话 ， 结 果 是 : 


TMm11 十 Ym12 十 2Z77113 
Mv = | zm2l 十 Ym22 十 277223 
TIN31 T YN32 TT IN33 


读者 认真 对 比 束 会 发 现 ， 结 果 和 矩阵 除了 行列 矩阵 的 区 别处 ， 里 面 
的 元 素 也 是 不 一 样 的 。 这 就 意味 着 ， 在 和 矩阵 相 乘 时 选择 行 矩 阵 还 是 
i 
和 结果 值 。 


在 Unity 中 ， 和 营 规 做 法 钙 把 矢量 放 在 矩阵 的 右 侧 ， 即 把 矢量 转换 成 
列 矩 阵 来 进行 运算 。 因 此 ， 在 本 书后 面 的 内 容 中 ， 如 无 特殊 情况 ， 我 
们 都 将 使 用 列 和 矩阵 。 这 意味 着 ， 我 们 的 矩阵 乘法 通常 都 是 右 乘 ， 例 
如 : 


CBAv= (C(B(AV))) 


使 用 列 向 量 的 结 琳 是 ， 我 们 的 阅读 顺序 古 从 右 到 左 ， 即 和 完 对 v 使 
用 A 进行 变换 ， 再 使 用 B 进行 变换 ， 最 后 使 用 C 进行 变换 。 


上 面 的 计算 等 价 于 下 面 的 行 矩 阵 运 算 : 
vAT BLOT ={{((vATYBTICOT) 


如 有 果 你 还 古 不 能 明白 上 面 的 含义 ， 可 以 参见 练习 题 3。 


4.4.6 oa 习题 
1. 判断 下 面 矩 阵 的 乘法 是 否 存 在 。 如 果 存 在 ， 计 算 它们 的 乘积 。 


nl2 dl oa 


一 — 
2 
一 屿 
心 局 
| ir | 

| 
wo | 

| 2 

FI EC 
Co— 

| | 


1 一 2 3 一 5 
5 1 4 1 
册 二 下 四 


2. 判断 下 面 的 矩阵 是 否 是 正 交 矩阵 。 


cosB —sing 0 
sing cosg 0 
(3) 0 0 1 


3. 给 定 一 个 天 量 (3,2,6)， 分 别 把 它 当 成 行 矩 阵 和 列 和 矩阵 与 下 面 的 
和 窍 阵 相 乘 。 考 虑 两 种 情况 下 得 到 的 矢量 结果 十 否 一 样 。 如 采 不 一 样 ， 
考虑 如 何 得 到 相同 的 结果。 


4.5 ”矩阵 的 几何 意义 : 变换 
关于 矩阵 ， 很 多 困扰 初学 者 的 问题 都 是 类 似 的 : 


扩 和 天 量 都 可 以 在 图 像 中 男 出 来 ， 那 么 矩阵 可 以 吗 ? 

我 听 说 矩阵 和 线性 变换 、 仿 射 变换 有 关 ， 这 些 变换 到 压 是 什么 意 
思 呢 ? 

我 总 是 听 到 齐 次 坐标 这 个 名 词 ， 它 是 什么 意思 呢 ? 

变换 和 和 矩阵 的 关系 又 是 什么 呢 ? 或 者 说 ， 给 定 一 个 变换 ， 我 如 何 
得 到 它 对 应 的 矩阵 呢 ? 


在 学 习 完 本 蔬 后 ， 布 望 读 着 们 能 够 回答 出 这 些 问 题 。 


对 于 第 一 个 问题 ， 在 三 维 泻 染 中 抢 孟 可 以 可 视 化 吗 ? 笠 运 的 是 ， 
答案 是 肯定 的 ， 这 个 可 视 化 的 结 琳 束 是 变换 。 因 此 ， 如 琳 读 者 在 后 面 
的 内 容 中 看 到 了 一 个 矩阵 ， 那 么 你 可 以 认为 目 己 看 到 的 就 古 一 个 变换 
(当然 ， 在 线性 代数 中 矩阵 的 用 处 不 仅 是 用 于 变换 ， 但 本 书 的 讨论 范 
围 仅 逢 于 几 久 地 


在 游戏 的 世界 中 ， 这 些 变换 一 般 包 含 了 旋转 、 缩 放 和 和 平移。 游戏 
开发 人 员 硕 望 给 定 一 个 点 或 天 量 ， 再 给 定 一 个 变换 (例如 把 点 平移 到 
另 一 个 位 置 ， 把 矢量 的 方向 旋转 30" 等 ) ， 就 可 以 通过 某 个 数学 运算 来 
求 得 新 的 点 和 矢量 。 聪 明 的 先 人 们 发 现 ， 可 以 使 用 矩阵 来 完美 地 解决 
这 个 问题 。 那 么 问题 束 变 成 了 ， 我 们 如 何 使 用 矩阵 来 表示 这 些 变 换 ? 


4.5.1 什么 是 变换 


变换 (transform) ， 指 的 是 我 们 把 一 些 数据 ， 如 点 、 方 向 矢量 其 
至 是 颜色 等 ， 通 过 某 种 方式 进行 转换 的 过 程 。 在 计算 机 图 形 学 领域 ， 
变换 非常 重要 。 尺 管 通过 变换 我 们 能 够 进行 的 操作 是 有 限 的 ， 但 这 些 
操作 已 经 足够 黄 定 变换 在 图 形 学 领域 举足轻重 的 地 位 了 。 


我 们 先 来 看 一 个 非常 常见 的 变换 类 型 一 一 线性 变换 (linear 
transform) “。 线 性 变换 指 的 是 那些 可 以 保留 矢量 加 和 标量 乘 的 变换 。 
用 数学 公式 来 表示 这 两 个 条 件 束 旦 : 


f (x )+f (y )=f(x +y ) 
kf (x )=f (kx) 


上 面 的 式 子 看 起 来 很 抽象 。 缩 放 (scale) 就 是 一 种 线性 变换 。 例 
如 ,f(x )=2x ， 可 以 表示 一 个 大 小 为 2 的 统一 缩放 ， 即 经 过 变换 后 天 量 x 
的 模 将 被 放大 两 倍 。 可 以 发 现 ,，f(x )=2x 是 满足 上 面 的 两 个 条 件 的 。 同 
样 ， 旋 转 (rotation) 也 是 一 种 线性 变换 。 对 于 线性 变换 来 说 ， 如 果 
我 们 要 对 一 个 三 维 的 矢量 进行 变换 ， 那 么 仅仅 使 用 3x3 的 矩阵 束 可 以 表 
示 所 有 的 线性 变换 。 


线性 变换 除了 包括 旋转 和 缩放 外 ， 还 包括 错 切 (shear) 、 镜 像 
(mirroring， 也 被 称 为 reflection) 、 正 交 投 影 (orthographic 
projection) 等 ， 但 本 书 着 重 讲述 旋转 和 缩放 变换 。 
但 是 ， 仅 有 线性 变换 是 不 够 鸣 。 我 们 来 考虑 平移 变换 ， 例 如 {f 
(x)=x+(1,2,3)。 这 个 变换 就 不 是 一 个 线性 变换 ， 它 既 不 满足 标量 乘法 ， 
也 不 满足 矢量 加 法 。 如 果 我 们 令 x =(1,1,1)， 那 么 : 


f (x)+f (x)=(4,6,8) 


f (x+x)=(3,4,5) 

可 见 ， 两 个 运算 得 到 的 结果 是 不 一 样 的 。 因 此 ， 我 们 不 能 用 一 个 
3x3 的 矩阵 来 表示 一 个 平移 变换 。 这 是 我 们 不 希望 看 到 的 ， 毕 竞 平移 变 
换 是 非常 常见 的 一 种 变换 。 

这 样 ， 就 有 了 仿 射 变换 (affine transform) 。 仿 届 变 换 束 是 合 j 
线性 变换 和 平移 变换 的 变换 类 型 。 仿 轴 变 换 可 以 使 用 一 个 4x4 的 矩阵 来 
表示 ， 为 此 ， 我 们 需要 把 矢量 扩展 到 四 维 空间 下 ， 这 就 是 齐 次 坐标 空 
间 (homogeneous space) 

表 4.1 给 出 了 图 形 学 中 常见 变换 矩阵 的 名 称 和 它们 的 特性 。 

表 4.1 常见 的 变换 种 类 和 它们 的 特性 (N 表 示 不 满足 该 特性 ，Y 表 示 满 足 该 特性 ) 


变换 名 称 


平移 矩阵 
人 “ 标 轴 旋 转 的 旋转 矩 


“5 标 轴 缩 放 的 缩放 甜 


正 交 投影 矩阵 


在 下 面 的 内 容 中 ， 我 们 将 学 习 其 中 一 些 基本 的 变换 关 型 ， 旋 轻 ， 
缩放 和 平移 。 对 于 正 交 投影 和 透视 投影 ， 我 们 将 在 4.6.7 廊 中 给 出 它们 
的 表示 方法 。 而 对 于 其 他 变换 类 型 ， 本 书 不 再 具体 讨论 ， 读 者 可 以 在 
本 章 的 扩展 阅读 中 找到 更 多 内 容 。 


4.5.2” 齐 次 坐标 
我 们 知道 ， 由 于 3x3 和 矩阵 不 能 表示 平移 操作 ， 我 们 就 把 其 扩展 到 了 


4x4 的 矩阵 (是 的 ， 只 要 多 一 个 维度 就 可 以 实现 对 平移 的 表示 ) 。 为 
此 ， 我 们 还 需 ;要 把 原 来 的 三 维 天 量 转换 成 四 维 天 量 ， 也 了 束 是 我 们 所 说 


的 齐 次 坐标 (homogeneous coordinate) (事实 上 齐 次 坐标 的 维度 可 
以 超过 四 维 ， 但 本 书 中 所 说 的 齐 次 坐标 将 泛 指 四 维 齐 次 坐标 ) 。 我 们 
可 以 发 现 ， 齐 次 坐标 并 没有 神秘 的 地 方 ， 它 只 是 为 了 方便 计算 而 使 用 
的 一 种 表示 方式 而 已 。 


如 上 所 说 ， 齐 次 坐标 是 一 个 四 维 矢量。 那么 ， 我 们 如 何 把 三 维和 天 
量 转 换 成 章 次 坐标 呢 ? 对 于 一 个 护 ， 从 三 维 坐标 转换 成 并 次 坐标 是 把 
其 w 分 量 设 为 1， 而 对 于 方向 矢量 来 说 ， 需 要 把 其 w 分 量 设 为 0° 这 样 的 
设置 会 导 怪 ， 当 用 一 个 4x4 矩 阵 对 一 个 点 进行 变换 上 时， 平移 、 旋 转 、 缩 
放 都 会 施加 于 该 点 。 但 是 如 打 是 用 于 变换 一 个 方 网 天 量 ， 和 平移 的 效 采 
束 会 家 名 略 。 我 们 可 以 从 下 面 的 内 容 中 理解 这 些 老 异 的 原因 。 


4.5.3 ”分 解 基础 变换 矩阵 


我 们 已 经 知道 ， 可 以 使 用 一 个 4x4 的 矩阵 来 表示 平移 、 旋 转 和 缩 
放 。 我 们 把 表示 纯 平移 、 纯 旋转 和 纯 缩 放 的 变换 矩阵 叫做 基础 变换 算 
阵 。 这 些 和 矩阵 具有 一 些 共同 点 ， 我 们 可 以 把 一 个 基础 变换 矩阵 分 解 成 4 
个 组 成 部 分 : 
M3x3 t3x3 
FF <3 1 


其 中 ， 左 上 和 角 的 矩阵 M 3x3 用 于 表示 旋转 和 缩放 ，t 3x1 用 于 表示 平 
移 ，0 1xs 古 零 矩阵 ， 即 0 1xs =[0 0 0]， 右 下 角 的 元 陛 吏 是 标量 1。 


接 下 来 ， 我 们 来 具体 学 习 如 何 用 这 样 一 个 4x4 的 窍 阵 来 表示 平移 、 
旋转 和 缩放 。 


4.5.4 ”平移 矩阵 


我 们 可 以 使 用 矩阵 乘法 来 表示 对 一 个 点 进行 平移 变换 : 
i 00 r+t 
1 于 下 (时 | 7 十 右 
"和 于 "下 和 
000 1 


从 结果 来 看 我 们 可 以 很 容易 看 出 为 什么 这 个 矩阵 有 平移 的 效果 : 
点 的 x 、y、z 分 量 分 别 增加 了 一 个 位 置 偏 移 。 在 3D 中 的 可 视 化 效果 
是 ， 把 点 (xy,z) 在 空间 中 平移 了 (4 tab ) 个 单位 。 


有 趣 的 是 ， 如 采 我 们 对 一 个 方向 天 量 进行 平移 变换 ， 结 采 如 下 : 


本 
全 沿 ， 专 
0 0 1 七 
000 1 


可 以 发 现 ， 平 移 变换 不 会 对 方向 矢量 产生 任何 影响 。 这 点 很 容易 
理解 ， 我 们 在 学 习 矢量 的 时 候 就 说 过 了 ， 矢 量 没有 位 置 属性 ， 也 就 是 
说 它 可 以 位 于 空间 中 的 任意 一 点 ， 因 此 对 位 置 的 改变 ( 即 平移 ) 不 应 
该 对 方向 矢量 产生 影响 。 


现在 ， 读 者 应 该 明白 当 给 定 一 个 平移 操作 时 如 何 构 建 一 个 平移 盾 
阵 : 基础 变换 矩阵 中 的 t 3x1 天 量 对 应 了 平移 天 量 ， 左 上 角 的 矩阵 M 3x3 
为 单位 矩阵 I3。 

平移 算 阵 的 逆 矩 阵 束 是 反 向 平移 得 到 的 矩阵 ， 即 
和 二 
1 
00 1 


和 全 人: 


可 以 看 出 ， 平 移 窍 阵 并 不 是 一 个 正 交 矩阵 。 
4.5.5 ”缩放 和 矩阵 


我 们 可 以 对 一 个 模型 沿 空间 的 x 轴 、y 轴 和 z 轴 进 行 缩放 。 同 样 ， 
我 们 可 以 使 用 矩阵 乘法 来 表示 一 个 缩放 变换 : 


kr 0 0 0 
0 成 人 0 
WW 


和 村 了 


对 方 回 天 量 可 以 使 用 同样 的 矩阵 进行 缩放 : 


如 果 缩 放 系数 k, =k, =k, ， 我 们 把 这 样 的 缩放 称 为 统一 缩放 
(uniform scale) ， 否 则 称 为 非 统 一 缩放 ”nonuniform scale) 。 从 
外 观 上 看 ， 统 一 缩放 是 扩大 整个 模型 ， 而 非 统一 缩放 会 拉 伸 或 挤 压 模 
型 。 更 重要 的 是 ， 统 一 缩放 不 会 改变 角度 和 比例 信息 ， 而 非 统 一 缩放 
会 改变 与 模型 相关 的 角度 和 比例 。 例 如 在 对 法 线 进 行 变换 时 ， 如 果 存 
在 非 统一 缩放 ， 直 接 使 用 用 于 变换 顶点 的 变换 矩阵 的 话 ， 就 会 得 到 错 
误 的 结果 。 正 确 的 变换 方法 可 参见 4.7 节 。 


缩放 害 阵 的 逆 窍 阵 是 使 用 原 缩放 系数 的 倒数 来 对 点 或 方 品 矢量 进 
行 缩放 ， 即 
二 0 00 
0 让 0 0 
0 0 过 0 
0 0 0 1 


缩放 和 窍 阵 一 般 不 是 正 交 矩阵 。 


上 上面 的 矩阵 只 适用 于 沿 坐 标 轴 方 器 进 行 缩放 。 如 来 我 们 布 望 在 任 
意 方向 上 进行 缩放 ， 就 需要 使 用 一 个 复合 变换 。 其 中 一 种 方法 的 主要 
思想 融 是 ， 爷 将 缩放 轴 变 换 成 标准 坐标 轴 ， 然 后 进行 沿 坐标 轴 的 缩 
放 ， 再 使 用 铸 变 换 得 到 原来 的 缩放 轴 朝 癌 。 


4.5.6 ”旋转 矩阵 


旋转 是 三 种 第 见 的 变换 矩阵 中 最 复 灯 的 一 种 。 我 们 知道 ， 旋 转 操 
作 需 要 指定 一 个 旋转 轴 ， 这 个 旋转 轴 不 一 定 是 空间 中 的 坐标 轴 ， 但 本 
世 所 讲 的 旋转 就 是 指 绕 着 空间 中 的 x 轴 、y 轴 或 z 轴 进 行 旋 转 。 


如 采 我 们 需要 把 点 绕 着 x 轴 旋 转 g 度 ， 可 以 使 用 下 面 的 和 矩阵 : 


0 sing cosb 0 


1 0 0D 0 

A 0 cosg —sing 0 
R,(9) 二 COS S11 

U 0 0 1 


统 y 轴 的 旋转 也 是 类 似 的 : 


cos 0 sing 0 

SER 0 1 0 0 
(0) 一 5 

FR 一 SInO 0 cos0 0 


0 0 0 1 


最 后 ， 是 绕 z 轴 的 旋转 : 


cospP 一 SnO 0 0 
sing cos 0 0 
0 0 1 0 
0 0 0 1 


R.(9) = 


旋转 矩阵 的 逆 和 矩阵 是 旋转 相反 角度 得 到 的 变换 和 矩阵。 旋转 矩阵 是 
正 交 算 阵 ， 而 且 多 个 旋转 矩阵 之 则 的 串联 同样 是 正 交 的 。 


4.5.7 复合 变换 


我 们 可 以 把 乎 移 、 旋 转 和 缩放 组 合 起 来 ， 来 形成 一 个 复杂 的 变换 
过 程 。 例 如 ， 可 以 对 一 个 模型 先进 行 大 小 为 (2, 2, 2) 的 缩放 ， 再 绕 y 轴 旋 
转 30?"， 最 后 同 z 轴 平 移 4 个 单位 。 复 合 变换 可 以 通过 矩阵 的 串联 来 实 
现 。 上 面 的 变换 过 程 可 以 使 用 下 面 的 公式 来 计算 : 


Pnew 一 Miransintion Mrotation MscalePoid 


由 于 上 面 我 们 使 用 的 是 列 矩 阵 ， 因 此 阅读 顺序 是 从 右 到 左 ， 即 移 
进行 缩放 变换 ， 再 进行 旋转 变换 ， 最 后 进行 平移 变换 。 需 要 注意 的 
是 ， 变 换 的 结果 是 依赖 于 变换 顺序 的 ， 由 于 矩阵 乘法 不 满足 交换 律 ， 
因此 矩阵 的 乘法 顺序 很 重要 。 也 就 是 说 ， 不 同 的 变换 顺序 得 到 的 结 
可 能 是 不 一 样 的 。 想 象 一 下 ， 如 有 果 让 读者 向 前 一 步 然 后 左 转 ， 记 住 此 
时 的 位 置 。 然 后 回 到 原 位 ， 这 次 先 左 转 再 同 前 走 一 步 ， 得 到 的 位 置 和 
上 一 次 是 不 一 样 的 。 究 其 本 质 ， 是 因为 矩阵 的 乘法 不 满足 交换 律 ， 因 
此 不 同 的 乘法 顺序 得 到 的 结果 是 不 一 样 的 。 


在 绝 大 多 数 情况 下 ， 我 们 约定 变换 的 顺序 就 是 先 缩放 ， 再 旋转 
最 后 平移 。 


读者 : 为 什么 要 约定 这 样 的 顺序 ， 而 不 是 其 他 顺序 呢 ? 


我 们 : 因为 这 样 的 变换 顺序 是 我 们 需要 的 。 想 象 我 们 对 奶牛 妞妞 
进行 一 个 复合 变换 。 如 果 我 们 按 先 平 移 、 再 缩放 的 顺序 进行 变换 ， 假 
设 初始 情况 下 妞妞 位 于 原点 ， 我 们 先 按 (0, 0, 5) 平 移 它 ， 现 在 它 距离 原 
点 5 个 单位 。 然 后 再 将 它 放大 2 倍 ， 这 样 所 有 的 坐标 都 变 成 了 原来 的 2 
倍 ， 而 这 意味 着 妞妞 现在 的 位 置 是 (0, 0, 10)， 这 不 是 我 们 希望 的 。 正 确 
的 做 法 是 ， 先 缩放 再 平移 。 也 就 是 说 ， 我 们 先 在 原点 对 妞妞 进行 2 倍 的 
缩放 ， 再 进行 平移 ， 这 样 妞妞 的 大 小 正确 了 ， 位 置 也 正确 了 。 


为 了 从 数学 公式 上 理解 变换 顺序 的 本 质 ， 我 们 可 以 对 比 不 同 变换 
顺序 产生 的 变换 矩阵 的 表达 式 。 如 采 我 们 只 考虑 对 y 轴 的 旋转 的 话 ， 按 
先 缩放 、 青 旋转、 最 后 平移 这 样 的 顺序 组 合 3 种 变换 得 到 的 变换 箱 阵 
AE: 


5 cosb 0 sing 0 ki 0 0 0 
x 0 1 0 0 DE 
07 0 二。 大 —sing 0 cosb 0 0 0 k. 0 
000 1 0 “地 > :地 0 0 0 1 


krcost 0 ksing 万 
| 0o ky 0 b 
- 一 大 - sin 9 0 所 COS [a 本 


Mf anslation Miotation Mscalt 


U U U l 


而 如 果 我 们 使 用 了 其 他 变换 顺序 ， 例 如 先 平 移 ， 再 缩放 ， 最 后 旋 
转 ， 那 么 得 到 的 变换 矩阵 是 : 
jz0 0 0 / | i 艇 乌 
0 kk 0 0 1 1 车 
0 0 k. 0 昌江 站 
0 0 0 1 000 1 


cos 0 sing 0 
0 1 0 0 
krcos@ 0 ksing trkrcos0 tt.k.sing : 


Mrotation Mscaite Miransiation = | 


—sing 0 cosg 0 
0 0 0 1 
0 hk, 0 ty hk, 
—kising 0 大 cos —tikrsing +t.kh.cost 
0 0 0 l 


从 两 个 结果 可 以 看 出 ， 得 到 的 变换 矩阵 是 不 一 样 的 。 


除了 需要 注意 不 同类 型 的 变换 顺序 外 ， 我 们 有 时 还 需要 小 心 旋转 
的 变换 顺序 。 在 4.5.6 广 中 ， 我 们 给 出 了 分 别 绕 x 轴 、y 轴 和 z 轴 旋 转 的 
变换 和 矩阵。 一 个 问题 是 ， 如 果 我 们 需要 同时 绕 着 3 个 轴 进 行 旋转 ， 是 先 
绕 x 轴 、 表 绕 y 轴 最 后 绕 z 轴 旋 转 还 是 按 其 他 的 旋转 顺序 呢 ? 


当 我 们 直接 给 出 (0 ,0, ,0, ) 这 样 的 旋转 角度 时 ， 需 要 定义 一 个 旋转 
顺序 。 在 Unity 中 ， 这 个 旋转 顺序 是 zxy ， 这 在 旋转 相关 的 API 文 档 中 都 
有 说 明 。 这 意味 着 ， 当 给 定 (9, ,0, ,0, ) 这 样 的 旋转 角度 时 ， 得 到 的 组 合 
旋转 变换 矩阵 是 : 

sh | 本 


0 0 0 1 0 0 0 1 


cosg.: —sing:. 0 0 
sing. cosg. 0 0 
Wns, Moana. Mrotatey Te 0 0 让 “0 


0 0 0 1 


一 些 读者 会 有 疑问 ， 上 面 的 公式 书写 顺序 是 不 是 反 了 ? 不 是 说 列 
矩阵 要 从 右 往 左 读 吗 ? 这 样 一 来 顺序 不 就 颠倒 了 吗 ? 实际 上 ， 有 一 个 
非常 重要 的 东西 我 们 没有 说 明白 ， 那 就 是 旋转 时 使 用 的 坐标 系 。 给 定 
一 个 旋转 顺序 例如 这 里 的 zxy ) ， 以 及 它们 对 应 的 旋转 角度 (0, ,0, ,6， 
)， 有 两 种 坐标 系 可 以 选择 。 


。 绕 坐标 系 E 下 的 z 轴 旋 转 % ， 绕 坐标 系 E 下 的 y 轴 旋 转 % ， 绕 坐标 系 
E 下 的 x 轴 旋 转 0, ， 即 进行 一 次 旋转 时 不 一 起 旋转 当前 坐标 系 。 


。 绕 坐标 系 E 下 的 z 轴 旋 转 9, ， 在 坐标 系 E 下 绕 z 轴 旋 转 6, 后 的 新 坐标 
系 E' 下 的 y 轴 旋 转 9, ， 在 坐标 系 E' 下 绕 y 轴 旋 转 0, 后 的 新 坐标 系 
E" 下 的 x 轴 旋 转 6.、 ， 即 在 旋转 时 ， 把 坐标 系 一 起 转动 。 


很 容易 知道 ， 这 两 种 选择 的 结果 是 不 一 样 的 。 但 如 果 把 它们 的 旋 
转 顺 序 颠 倒 一 下 ， 它 们 得 到 的 结果 就 会 是 一 样 的 ! 说 得 明日 点 ， 在 第 
一 种 情况 下 ， 按 zxy 顺序 旋转 和 在 第 二 种 情况 下 ， 按 yxz 顺序 旋转 是 一 
样 的 。 而 Unity 文 档 中 说 明 的 旋转 顺序 指 的 是 在 第 一 种 情况 下 的 顺序 。 


和 上 面 不 同类 型 的 变换 顺序 导致 的 问题 类 似 ， 不 同 的 旋转 顺序 得 
到 的 结果 也 可 能 是 不 一 样 的 。 我 们 同样 可 以 通过 对 比 不 同 旋转 顺序 得 
到 的 变换 窍 阵 来 理解 为 什么 会 出 现 这 样 的 不 同 。 而 这 个 验证 过 程 留 给 
读者 作为 练习 。 


4.6 ”坐标 空间 


我 们 已 经 学 会 了 如 何 使 用 矩阵 来 表示 基本 的 变换 ， 如 平移 、 旋 转 
0 
行 变换 。 


我 们 在 第 2 章 泻 染 流水 线 中 就 接触 了 坐标 空间 的 变换 。 例 如 ， 在 学 
习 顶 点 着 色 器 流水 线 阶 段 时 ， 我 们 说 过 ， 顶 点 着 色 器 最 基本 的 功能 就 
苹 把 模型 的 顶点 坐标 从 模型 空间 转换 到 齐 次 裁 术 坐 标 空间 中 。 


泻 染 游戏 的 过 程 可 以 理解 成 是 把 一 个 个 顶点 经 过 层 层 处 理 最 终 转 
化 到 屏幕 上 的 过 程 ， 那 么 本 我 们 就 将 学 习 这 个 转换 的 过 程 是 如 何 实 
现 的 。 更 具体 来 说 ， 顶 点 是 经 过 了 哪些 坐标 空间 后 ， 最 后 被 画 在 了 我 
们 的 屏幕 上 。 


4.6.1 为 什么 要 使 用 这 么 多 不 同 的 坐标 空间 


我 们 先 要 回答 读 首 的 一 个 疑问 。 在 编写 Shader 的 过 程 中 ， 很 多 看 起 
来 很 难 理解 和 复 淋 的 数学 运算 都 是 为 了 在 不 同 坐 标 空 间 之 间 转 换 点 和 
矢量 。 看 起 来 ， 这 么 多 的 坐标 空间 融 是 “万 恶 之 源 " 啊 ! 很 多 人 都 有 这 
样 的 疑问 :“ 为 什么 我 们 不 能 只 使 用 一 个 坐标 空间 来 做 所 有 的 事情 呢 ? 
这 样 一 来 我 们 不 束 不 用 学 习 这 些 烦人 的 数学 公式 了 吗 ? 这 样 世界 将 变 
得 多 美好 啊 ! ” 


事情 看 起 来 虽然 是 这 样 一 一 在 只 有 一 个 坐标 空间 的 世界 里 ，Shader 
的 开发 者 会 生活 得 更 加 美好 。 但 事实 是 ， 一 旦 你 真 的 这 么 做 了 ， 束 会 
发 现 理 想 和 现实 之 间 的 差距 : 我 们 不 可 以 也 不 愿意 抛弃 这 些 不 同 的 坐 
标 空间 。 


事实 上 ， 在 我 们 的 生活 中 ， 我 们 也 总 是 使 用 不 同 的 坐标 空间 来 交 
流 。 现 在 正在 读 这 本 书 的 你 ， 很 可 能 正 坐 在 办 公 室 或 书房 中 。 如 采 问 
你 : “办 公 室 的 饮水 机 在 哪里 ? ”你 大 概 会 回答 : “在 办 公 室 门 的 左 方 3 米 
处 。” 这 里 ， 你 很 目 然 地 使 用 了 以 门 为 原点 的 坐标 空间 。 现 在 ， 公 司 的 
前 台 小 姐 走 进门 来 ， 你 非常 惊讶 地 看 到 她 脸 上 还 残留 有 中 午 吃 饭 的 米 
粒 ! 我 们 假设 正在 读 这 本 书 的 你 古 一 个 好 心 而 且 不 喜欢 看 别人 笑话 的 


人 ， 这 时 你 可 能 会 提醒 她 :“ 咖 ， 你 左 脸 上 面 有 些 东 西 没 有 擦 挥 ! ” 
时 ， 你 又 使 用 了 以 前 台 小 姐 的 嘴巴 为 原 后 的 坐标 空间 。 如 果 只 a 
坐标 系 会 怎么 样 呢 ? 你 可 以 尝试 一 下 使 用 以 你 的 办 公 室 的 门 为 原点 的 
坐标 空间 来 描述 前 台 小 姐 脸 上 的 一 粒 饭 粒 。 


再 比如 ， 我 们 每 个 人 所 生活 的 城市 可 以 看 成 是 一 个 世界 坐标 系 
(三 维 演 染 里 的 世界 坐标 系 将 在 4.6.5 节 中 讲 到 ) ， 这 个 坐标 系 的 坐标 
轴 可 以 认为 是 由 东南 西北 这 些 定义 的 方 同 轴 。 如 末 一 个 耻 生 人 疝 你 问 
路 ， 你 很 有 可 能 会 说 :“ 向 东 走 800 米 上 桥 ， 然 后 再 向 南 走 50 米 就 到 
a 现实 生活 中 有 很 多 人 是 分 不 清 东 南西 北 的 (在 作 
者 小 时 候 ， 经 党 使 用 “上 北 下 南 左 西 右 东 ”来 傻 傻 地 判断 东南 西北 ， 因 
此 总 是 得 到 错误 方位 ) 。 如 果 现 在 有 一 个 饥 肠 辖 罚 又 分 不 清 东 南西 北 
的 路 人 来 问 你 最 近 的 餐厅 怎么 走 ， 你 可 能 会 说 :“ 你 先 往 前 走 50 米 ， 到 
了 足 口 向 左 按 100 米 束 有 一 家 非 第 好 吃 的 烤 赐 店 。” 此 时 ， 你 使 用 的 古 
以 这 个 路 人 为 原点 的 坐标 空间 。 想 象 一 下 ， 如 采 在 这 个 世界 上 我 们 只 
能 使 用 东南 西北 来 措 述 所 有 东西 的 话 ， 该 会 有 多 少 人 会 被 场 死 。 


由 此 可 见 ， 我 们 需要 在 不 同 的 情况 下 使 用 不 同 的 坐标 空间 ， 因 为 
一 些 概念 只 有 在 特定 的 坐标 空间 下 才 有 意义 ， 才 更 容易 理解 。 这 也 是 
为 什么 在 渔 染 中 我 们 要 使 用 这 么 多 坐标 空间 。 


在 开始 介绍 一 些 不 同 的 坐标 空间 之 前 ， 读 者 需要 注意 ， 所 有 的 坐 
标 空间 在 理论 上 都 是 平等 的 ， 没 有 谁 优 谁 劳 之 分 ， 不 会 因为 我 们 从 一 
个 坐标 空间 转换 到 另 一 个 坐标 空间 计算 就 出 错 了 “。 但 是 ， 在 特定 的 情 
况 下 ， 一 些 坐 标 空间 的 确 比 另 一 些 坐 标 空间 更 加 吸引 人 。 


现在 ， 丈 让 我 们 来 看 一 下 在 游戏 浑 染 流 水 线 中 ， 一 个 顶点 到 撒 经 
过 了 怎样 的 空间 变换 。 


4.6.2 ”坐标 空间 的 变换 

我 们 先 要 为 后 面 的 内 容 做 些 数 学 铺垫 。 在 泻 染 流水 线 中 ， 我 们 往 
往 需 要 把 一 个 点 或 方向 矢量 从 一 个 坐标 空间 转换 到 另 一 个 坐标 空间 。 
这 个 过 程 到 讨 是 怎么 实现 的 呢 ? 


我 们 把 问题 一 般 化 。 我 们 知道 ， 要 想 定 义 一 个 坐标 空间 ， 必 须 指 
明 其 原点 位 置 和 3 个 坐标 轴 的 方向 。 而 这 些 数 值 实际 上 是 相对 于 画 一 个 


坐标 空 x 间 的 〈 读 者 需要 记 住 ， 所 有 的 都 是 相对 的 ) 。 也 就 是 说 ， 坐 标 
空间 会 形成 一 个 层次 结构 每 个 坐标 空间 都 是 另 一 个 坐标 空间 的 子 
空间 ， 反 过 来 说 ， 每 个 空间 都 有 一 个 父 (parent) 坐标 空间 。 对 坐标 空 

则 的 变换 实际 上 就 是 在 父 空 间 和 子 空间 之 间 对 点 和 矢量 进行 变换 。 


假设 ， 现 在 有 父 坐 标 空间 P 以 及 一 个 于 坐标 空间 C。 我 们 知道 在 父 
坐标 空间 中 子 坐标 空间 的 原点 位 置 以 及 3 个 单位 坐标 轴 。 我 们 一 般 会 
两 种 需求 :一 种 需求 是 把 子 坐 标 空间 下 表示 的 点 或 矢量 A 。 转换 到 父 


标 空间 下 的 表示 A , ， 男 一 个 需求 是 反 过 来 ， 即 把 父 坐 标 空 间 
扩 或 天 量 B ， 转换 到 子 坐 标 空 s 间 下 的 表示 B 。。 我 们 可 以 使 用 下 面 的 公 
式 来 表示 这 两 种 需求 


A,=M. .,A. 


B=M, ..B, 


其 中 ，M 。,, ,表示 的 古 从 于 坐标 空间 变换 到 父 坐 标 空 间 的 变换 甜 
阵 ， 而 M ，,。 是 其 逆 和 矩阵 ( 即 反 向 变换 ) 。 那 么 ， 0 
如 何 求 解 这 些 变换 矩阵 ? 事实 上 ， 我 们 只 需要 解 出 两 者 之 一 即 可 ， 
一 个 矩阵 可 以 通过 求 逆 窍 阵 的 方式 来 得 到 。 


下 面 ， 我 们 就 来 讲解 如 何 求 出 从 子 坐标 空间 到 父 坐标 空间 的 变换 
矩阵 M。 . ，。 


首 匈 ， 我 们 来 回顾 一 个 看 似 很 简单 的 问题 : 当 给 定 一 个 坐标 空间 
以 及 其 中 一 后 (a,b,c ) 时 ， 我 们 是 如 何 知道 该 点 的 位 置 的 7 我 们 可 以 通 
过 4 个 步 又 来 确定 它 的 位 置 : 
(1) 从 坐标 空间 的 原点 开始 
(2) 向 x 轴 方 向 移动 a 个 单位 ; 
(3) 向 y 轴 方 向 移动 b 个 单位 ; 
(4) 向 z 轴 方 向 移动 c 个 单位 。 


需要 说 明 的 是 ， 上 面 的 步骤 只 是 我 们 的 想象 ， 这 个 点 实际 上 并 没 
有 发 生 移动 。 上 面 的 步骤 看 起 来 再 简单 不 过 了 ， 坐 标 裤 间 的 变换 束 强 
合 在 上 面 的 4 个 步骤 中 。 现在 ， 我 们 已 知 于 举 标 空 x 间 C 的 3 个 坐标 轴 在 


父 坐 标 空间 P 下 的 表示 x 。、y。、z。c， 以 及 其 原点 位 置 O0 。。 当 给 定 一 
个 子 坐 标 空间 中 的 一 护 生 = la,b,c) ， 我 们 同样 可 以 依照 上 面 4 个 步 又 来 


确定 其 在 父 坐标 空间 下 的 位 置 必 
1. 从 坐标 空间 的 原点 开始 
这 很 简单 ， 我 们 已 经 知道 了 子 坐 标 空间 的 原点 位 置 Ce。 
2. 问 x 轴 方 向 移动 a 个 单位 
仍然 很 简单 ， 因 为 我 们 已 经 知道 了 x 轴 的 矢量 表示 ， 因 此 可 以 得 到 


OL 十 az: 
3. 向 y 轴 方 向 移动 b 个 单位 
同样 的 道理 ， 这 一 步 融 是 : 
Oc 十 azec + bye 
4. 向 z 轴 方 向 移动 c 个 单位 
最 后 ， 束 可 以 得 到 
Oc- 十 are + bye ce 


现在 ， 我 们 已 经 求 出 了 M 。., ,。! 什么 ? 你 没 看 出 来 吗 ? 我 们 再 来 
看 一 下 最 后 得 到 的 式 子 : 


4 三 Oec+arc 十 pyc 十 cz 


读者 可 能 会 加， 这 个 却 子 里 根本 没有 和 矩阵 啊 ! 其 实 我 们 只 要 稍稍 
使 用 一 扣 “ 魔 法 ”"， 和 矩阵 束 会 出 现在 上 面 的 式 子 中 : 


Ap = (3. 十 QTre 本 bye 十 Ce 
= (TO., YO., 20.) + a(Tr,, Yr re) 十 DT ye) + (Ts Ys 2 


Tre Ty TT a 
= {Tos; Yo 0s) + Vis Wi Ya b 
Zre Lye 2 & 


| | a 
= TO YO., 20.) I Te Yc 2 b 
EE C 


其 中 “ | ”符号 表示 是 按 列 展开 的 。 上 面 的 式 子 实际 上 就 是 使 用 了 
我 们 之 前 所 学 的 公式 而 已 。 但 这 个 最 后 的 表达 式 还 不 是 很 漂亮 ， 因 为 
还 存在 加 法 表达 式 ， 即 平移 变换 。 我 们 已 经 知道 3x3 的 矩阵 无 法 表示 平 
移 变 换 ， 因 此 为 了 得 到 一 个 更 谭 亮 的 结 末 ， 我 们 把 上 面 的 式 子 扩展 到 
齐 次 坐标 空间 中 ， 得 


| | | of fa 
Ap 一 (zo。 YO. 20, N 1) 轩 轿 | | 
0 0 0 1 ] 
100z0] [1 | 10 
0 1 0 yO. re Ye Zc 0 p 
一 0 0 1 0O, | | | 0 岂 
| IO. a 
全 zc Uc zc YO., pb 
| | 2O- 
1 1 


那么 现在 ， 你 看 到 M 。 .， 在 哪里 了 吧 ? 没 错 ， 


读者 : 这 个 看 起 来 太 神 奇 了 ! 怎么 就 变 着 变 着 束 出 现 了 矩阵 呢 ? 


我 们 :上面 只 是 运用 了 一 些 基础 的 矢量 和 和 矩阵 运算 ， 一 旦 当 你 真 
正 理解 了 这 些 运算 整 会 发 现 上 面 的 过 程 只 是 简单 地 推导 了 一 下 而 已 。 


一 旦 求 出 来 M 。., , ，M , ,号 可 以 通过 求 逆 矩 阵 的 方式 求 出 来 ， 
因为 从 坐标 空间 C 3 恋 换 到 坐标 空 x 间 了 P 与 从 坐标 空间 P 变换 到 坐标 空间 C 
是 互 逆 的 两 个 过 程 。 


可 以 看 出 来 ， 变 换算 阵 M 。., , 实际 上 可 以 通过 坐标 空间 C 在 坐标 
空间 P 中 的 原点 和 坐标 轴 的 矢量 表示 来 构建 出 来 ， 把 3 个 坐标 轴 依 次 放 
入 矩阵 的 前 3 列 ， 把 原点 矢量 放 到 最 后 一 列 ， 再 用 0 和 1 填充 最 后 一 行 即 
可 。 


需要 注意 的 是 ， 这 里 我 们 并 没有 要 求 3 个 坐标 轴 x 。、y 。 和 z 。 是 单 
位 天 量 ， 事 实 上 ， 如 有 果 存 在 缩放 的 话 ， 这 3 个 天 量 值 很 可 能 不 是 单位 天 


重 


更 加 令 人 振奋 的 是 ， 我 们 可 以 利用 反 向 思维 ， 从 这 个 变换 矩阵 反 
推 来 狂 取 了 坐标 空 间 的 原点 和 化 标 轴 方 向 ! 例如 ， 当 我 们 已 知 从 模型 
空间 到 世界 空间 的 一 个 4x4 的 变换 矩阵 ， 可 以 提取 它 的 第 一 列 再 进行 归 
一 化 后 (为 了 消除 缩放 的 影响 来 得 到 模型 空间 的 x 轴 在 世界 空间 下 的 
单位 矢量 表示 。 同 样 的 方法 可 以 提取 y 轴 和 z 轴 。 我 们 可 以 从 男 一 个 角 
度 来 理解 这 个 提取 过 程 。 因 为 矩阵 M 。. "可 以 把 一 个 方向 矢量 从 坐标 
空间 C 变换 到 坐标 空间 P 中 ， 那 么 ， 我 们 只 需要 用 它 来 变换 坐标 空间 C 
中 的 x 轴 (10,0,.0)， 即 使 用 矩阵 乘法 M 。., , [1000] 7， 得 到 的 结 采 正 是 
M 。., ,的 第 一 列 。 


男 一 个 有 趣 的 情况 是 ， 对 方 同 矢量 的 坐标 空间 变换 。 我 们 知道 ， 
矢量 是 没有 位 置 的 ， 因 此 坐标 空 A ob ne 也 束 是 
说 ， 我 们 仅仅 平移 坐标 系 的 原点 是 不 会 对 天 量 造成 任何 影响 的 。 那 


么 ， 对 天 量 的 坐标 至 间 变 换 融 可 以 使 用 3x3 的 窍 阵 来 表示 ， 因 为 我 们 不 
需要 表示 平移 变换 。 那 么 变换 矩阵 束 是 : 


在 Shader 中 ， 我 们 常常 会 看 到 截取 变换 矩阵 的 前 3 行 前 3 列 来 对 法 线 
方向 、 光 照 方向 来 进行 空间 变换 ， 这 正 是 原因 所 在 。 


现在 ， 我 们 再 来 关注 M ，. 。。 我 们 前 面 讲 到 ， 可 以 通过 求 M。_ ， 
的 逆 和 矩阵 的 方式 求解 出 来 反 疝 变换 M ，. 。。 但 有 一 种 情况 我 们 不 需要 
求解 逆 和 矩阵 就 可 以 得 到 M 。. 。， 这 种 情况 就 是 M 。. , 是 一 个 正 交 逢 
阵 。 如 果 它 是 一 个 正 交 抢 阵 的 话 ，M 。. "的 逆 和 矩阵 就 等 于 它 的 转 置 矩 
阵 。 这 意味 着 我 们 不 需要 进行 复杂 的 求 逆 操 作 就 可 以 得 到 反 疝 变换 。 
也 残 是 说 ， 


而 现在 ， 我 们 不 仅 可 以 根据 变换 矩阵 M 。., , 肥 推 出 子 坐标 空 
坐标 轴 方 同 在 父 坐 标 空间 中 的 表示 x 。、y。 和 z 。， 还 可 以 反 推出 父 
标 空间 的 坐标 轴 方 同 在 于 坐标 空间 中 的 表示 x ,。、y , 和 2z ， 0 
轴 对 应 的 就 是 M 。 , 的 每 一 行 ! 也 就 是 说 ， 如 果 我 们 知道 坐标 空 Es 间 变 
换 矩 孟 M 4 . p 是 一 个 正 交 矩 孟 ， 那 么 我 们 可 以 提取 它 的 第 一 列 来 得 到 


坐标 空间 A 的 x 轴 在 坐标 空间 B 下 的 表示 ， 还 可 以 提取 它 的 第 一 行 来 得 
到 坐标 空间 B 的 x 轴 在 坐标 空间 A 下 的 表示 。 反 过 来 ， 如 果 我 们 知道 坐 
标 空间 B 的 x 轴 、y 轴 和 z 轴 (必须 是 单位 矢量 ， 否 则 构建 出 来 的 就 不 
是 正 交 和 矩阵 了 ) 在 坐标 空间 A 下 的 表示 ， 束 可 以 把 它们 依次 放 在 矩阵 
的 每 一 行 束 可 以 得 到 从 A 到 B 的 变换 答 隆 了。 


读者 :天 呐 ， 我 的 脑子 已 经 完全 乱 掉 了 ， 一 会 儿 从 P 到 C， 一 会 儿 
又 从 Ca 到 P， 一 会 儿 是 行 ， 一 会 儿 义 是 列 ， 我 目 己 写 的 时 候 一 定 会 搞 不 


:二 林 
消 窟 |! 


我 们 :我们 知道 这 个 过 程 很 容易 造成 思维 的 混乱 ， 因 此 才 要 伦 吵 
大 量 的 篇 幅 来 解释 背后 的 数学 原理 。 只 有 知道 了 这 些 原理 ， 直 到 疑问 
时 你 才 知 道 怎 样 去 验证 结果 的 正确 性 。 例 如 像 下 面 这 样 。 


当 你 不 知道 把 坐标 轴 的 表示 和 是 按 行 放 还 是 按 列 放 的 时 候 ， 不 妨 先 
选择 一 种 摆 放 方式 来 得 到 变换 窍 阵 。 例 如 ， 现 在 我 们 想 把 一 个 天 量 从 
坐标 空间 A 变换 到 坐标 空间 B ， 而 且 我 们 已 经 知道 坐标 空间 B 的 x 轴 、 
y 轴 、z 轴 在 空间 A 下 的 表示 ， 即 xp 、ys 和 zp“。 那 么 想 要 得 到 从 A 到 B 
的 变换 矩阵 M 4 ., p ， 我 们 是 把 它们 按 列 放 呢 还 是 按 行 放 呢 ? 如 采 读 者 
人 
及 。 规 么 ， 


| | | 
Ms,B = | TB YB zB | 
| | 1 注意 ,这 个 矩阵 是 不 对 的 


现在 ， 我 们 可 以 非常 快速 地 来 验证 它 是 否 是 正确 的 。 方 法 就 是 ， 
用 M 4 ,BB 来 变换 xp。 在 计算 前 我 们 先 想 一 下 这 个 结 霖 ， 如 琳 我 们 用 变 
换 和 矩阵 来 变换 B 的 x 轴 的 话 ， 那 么 结果 应 该 是 (1,0,0) 才 对 。 因 为 当 变换 
到 空间 B 中 时 ，x 轴 的 指 同 束 古 (1,0,0)。 好 了 ， 我 们 可 以 来 进行 真正 的 计 
算 来 验证 它 了 : 


CA 
AT4 BTB = | TB YB 2B | IB 
| | 


读者 看 到 这 里 会 有 疑问 ,“ 我 不 知道 这 个 结果 是 什么 啊 ”。 没 错 ， 
这 不 是 你 的 计算 有 问题 ， 而 是 上 式 的 计算 结 末 的 确 不 可 知 。 这 种 时 候 
你 束 会 发 现 我 们 的 摆 放 方式 选择 馆 了 。 现 在 ， 我 们 使 用 正确 的 控 放 方 
式 ， 即 按 行 来 摆 放 ， 那 么 殴 有 : 


一 TB 一 IT. TB 1 
M4_,BIB = | 一 YB 一 | 了 IPB 一 137B 了 IPB = 0 
_ EH <B*ITB 0 


这 次 结果 就 和 我 们 预期 的 一 样 了 。 


理解 上 面 的 原理 和 过 程 非常 重要 。 我 们 在 本 书 的 后 面 也 会 经 常 遇 
到 坐标 空间 的 变换 。 


4.6.3 ”顶点 的 坐标 空间 变换 过 程 


我 们 知道 ， 在 泻 染 流水 线 中 ， 一 个 顶点 要 经 过 多 个 坐标 空间 的 变 
换 才能 最 终 被 画 在 屏幕 上 。 一 个 顶点 最 开始 是 在 模型 空间 ( 见 4.6.4 
廊 ) 中 定义 的 ， 最 后 它 将 会 变换 到 屏幕 空间 〈《 见 4.6.8 节 ) 中 ， 得 到 真 
正 的 屏幕 像素 坐标 。 因 此 ， 接 下 来 的 内 容 我 们 将 解释 顶点 要 进行 的 各 
种 空间 变换 的 过 程 。 


为 了 帮助 读者 理解 这 个 过 程 ， 我 们 将 建立 在 农场 游戏 的 实例 背景 
下 ， 每 讲 到 一 种 空间 变换 ， 我 们 会 解释 如 何 应 用 到 这 个 案例 中 。 


在 我 们 的 农场 游戏 中 ， 妞 妞 很 好 奇 自己 是 如 何 被 泻 染 到 屏幕 上 
的 。 它 只 知道 目 己 和 一 群 小 伙伴 在 农场 里 快乐 地 吃 草 ， 而 前 面 有 一 个 
摄像 机 一 直 在 观察 它们 ， 如 图 4.31 所 示 。 妞 妞 特别 喜欢 自己 的 盟 子 ， 它 
想 知道 描 子 是 怎么 被 画 到 屏幕 上 的 ? 


~ 


场景 中 妞妞 的 鼻子 


和 图 4.31 ”场景 中 的 妞妞 〈 左 图 ) 和 屏幕 上 的 妞妞 ( 右 图 ) 。 妞 妞 想 知道 ， 自 己 的 鼻子 是 如 何 
被 画 到 屏幕 上 的 


人 内 容 中 ， 我 们 将 了 解 妞 妞 的 鼻子 是 如 何 一 步 步 画 到 屏幕 
上 的 。 


4.6.4 ”模型 空间 


模型 空间 (model space) ， 如 它 的 名 字 所 暗示 的 那样 ， 是 和 某 个 
模型 或 者 说 是 对 象 有 关 的 。 有 时 模型 空间 也 被 称 为 对 象 空间 (object 
space) 或 局 部 空间 (local space) ° 每 个 模型 都 有 自己 独立 的 坐标 空 
间 ， 当 它 移动 或 旋转 的 时 候 ， 模 型 空间 也 会 跟着 它 移 动 和 旋转 。 把 我 
们 上 自己 当成 游戏 中 的 模型 的 话 ， 当 我 们 在 办 公 室 里 移动 时 ， 我 们 的 模 
人 当 我 们 转身 时 ， 我 们 本 喘 的 前 后 左右 方 同 也 在 
跟着 改变 


在 模型 空间 中 ， 我 们 经 常 使 用 一 些 方向 概念 ， 例 如 “前 
(forward) ”后 (back) ”“ 左 (left) ”\“ 右 (right) ”\、“ 上 
(up) ”、“ 下 (down) ”。 在 本 书 中 ， 我 们 把 这 些 方向 称 为 自然 方向 。 
模型 空间 中 的 坐标 轴 通 常会 使 用 这 些 目 然 方 辐 。 在 4.2.4 广 中 我 们 讲 
过 ，Unity 在 模型 空间 中 使 用 的 是 左手 坐标 系 ， 因 此 在 模型 空间 中 ，+x 
轴 、+y 轴 、+z 轴 分 别 对 应 的 是 模型 的 右 、 上 和 前 癌 。 需要 注意 的 是 ， 
模型 坐标 空间 中 的 x 轴 、y 轴 、z 轴 和 目 然 方 回 的 对 应 不 一 定 是 上 述 这 
种 关系， 但 由 于 Unity 使 用 的 是 这 样 的 约定 ， 因此 本 书 将 使 用 这 种 方 
式 。 我 们 可 以 在 Hierarchy 视 图 中 单 击 任意 对 象 就 可 以 看 见 它 们 对 应 的 
模型 空间 的 3 个 坐标 轴 。 


模型 空间 的 原点 和 坐标 轴 通 常 是 由 美术 人 员 在 建 模 软件 里 确定 好 
的 。 当 导入 到 Unity 中 后 ， 我 们 可 以 在 顶点 着 色 咒 中 访问 到 模型 的 顶点 
信息 ， 其 中 包 侣 了 每 个 顶 总 的 坐标 。 这 些 坐标 都 是 相对 于 模型 至 间 中 
的 原点 (通常 位 于 模型 的 重心 ) 定义 的 。 


当 我 们 把 妞妞 放 到 场景 中 时 ， 束 会 有 一 个 模型 坐标 空间 时 刻 跟 随 
着 它 。 妞 妞 掉 子 的 位 置 可 以 通过 访问 顶点 属性 来 得 到 。 假 设 这 个 位 置 
是 (0, 2, 4)， 由 于 顶点 变换 中 往往 包含 了 平移 变换 ， 因 此 需要 把 其 扩展 
到 齐 次 坐标 系 下 ， 得 到 顶点 坐标 是 (0, 2, 4, 1)， 如 图 4.32 所 示 。 


和 图 4.32 ”在 我 们 的 农场 游戏 中 ， 每 个 奶牛 都 有 自己 的 模型 坐标 系 。 在 模型 坐标 系 中 妞妞 鼻子 
的 位 置 是 (0, 2, 4, 1) 


4.6.5 ”世界 空间 


世界 空间 (world space) 是 一 个 特殊 的 坐标 系 ， 因 为 它 建 立 了 我 
们 所 关心 的 最 大 的 空间 。 一 些 读者 可 能 会 指出 ， 空 间 可 以 是 无 限 大 
的 ， 怎 么 会 有 : 最 大 ' 这 一 说 呢 ? 这 里 说 的 最 大 指 的 是 一 个 宏观 的 概 
念 ， 也 束 是 说 它 是 我 们 所 关心 的 最 外 层 的 坐标 空间 。 以 我 们 的 农场 游 
戏 为 例 ， 在 这 个 游戏 里 世界 空间 指 的 束 是 农场 ， 我 们 不 关心 这 个 农场 
是 在 什么 地 方 ， 在 这 个 虚拟 的 游戏 世界 里 ， 农 场 就 是 最 大 的 空间 概 


世界 空间 可 以 被 用 于 描述 绝对 位 置 《较真 的 读者 可 能 会 再 一 次 提 
桓 我 ， 没 有 绝对 的 位 置 。 没 错 ， 但 我 相信 读者 可 以 明白 这 里 绝对 的 意 
思 ) 。 在 本 书 中 ， 绝 对 位 置 指 的 就 是 在 世界 坐标 系 中 的 位 置 。 通 常 
我 们 会 把 世界 空 间 的 原点 放 秆 在 游戏 空间 的 中 心 。 


在 Unity 中 ， 世 界 空 间 同 样 使 用 了 碟 手 坐标 系 。 但 它 的 x 轴 、y 轴 、 
z 轴 是 固定 不 变 的 。 在 Unity 中 ， 我 们 可 以 通过 调整 Transform 组 件 中 的 
Position 属 性 来 改变 模型 的 位 置 ， 这 里 的 位 置 指 的 是 相对 于 这 个 
Transform 的 父 节 点 (parent) 的 模型 坐标 空间 中 的 原点 定义 的 。 如 果 
一 个 Transform 没 有 任何 父 书 点 ， 那 么 这 个 位 置 束 是 在 世界 坐标 系 中 的 
位 置 ， 如 图 4.33 所 示 。 我 们 可 以 想象 成 还 有 一 个 虚拟 的 根 模型 ， 这 个 根 
模型 的 模型 空间 就 是 世界 空间 ， 所 有 的 游戏 对 象 都 附属 于 这 个 根 模 
型 。 同 样 ，Transform 中 的 Rotation 和 Scale 也 是 同样 的 道理 。 


顶点 变换 的 第 一 步 ， 就 是 将 顶点 坐标 从 模型 空间 变换 到 世界 空间 
中 。 这 个 变换 通常 叫做 模型 变换 (model transform) 。 


现在 ， 我 们 来 对 妞妞 的 盟 子 进行 模型 变换 。 为 此 ， 我 们 首先 需要 
知道 妞妞 在 世界 坐标 系 中 进行 了 哪些 变换 ， 这 可 以 通过 面板 中 的 
Transform 组 件 来 得 到 相关 的 变换 信息 ， 如 图 4.34 所 示 。 


去 Hierarchy @ Inspector 
本 MCow | 回 Static v 
Tag | Untagged $ | Layer| Default + 
“Cow 没有 父 节 点 ， Prefab | _SelecL | Revert | Apply | 
Position 是 在 世界 空 = 
间 中 的 位 置 VA Transform 总, 
Position Xx 0.5 Yo0 |Z127.5 
Xi10 


1 


| Create "| (QrAIl 


-了 MMesh DStatic ™ 


aMesh" 有 父 节 Tag [Untagged 4 Boged 4 Layer[ Default $4| 
El GoW I 
Position 是 
ee 在 a Position Xi-171 ]Y10 |z|0.55 
间 中 配色 Rotation XI0 | YI15.035 z0 | 
Scale XI IYl1 lz[1 | 


Prefab | Select | Revertt | Apply | 


和 图 4.33 ”Unity 的 Transform 组 件 可 以 调节 模型 的 位 置 。 如 果 Transform 有 父 节点 ， 如 图 中 
的 “Mesh”"， 那 么 Position 将 是 在 其 父 节点 (这 里 是 “Cow”) 的 模型 空间 中 的 位 置 ; 如 细 


没有 父 节 
点 ，Position 就 是 在 世界 空间 中 的 位 置 


vA Transform 
Position X'5 iYo 到 
Rotation Xi0 |Y 150 


Pp 


图 4.34 ”农场 游戏 中 的 世界 空间 。 世 界 空 间 的 原点 被 放置 在 农场 的 中 心 。 左 下 角 显 示 了 妞妞 
在 世界 空间 中 所 做 的 变换 。 我 们 想 要 把 妞妞 的 盘子 从 模型 空间 变换 到 世界 空间 中 


根据 Transform 组 件 上 的 信息 ， 我 们 知道 在 世界 空间 中 ， 妞 妞 进行 
了 (2, 2, 2) 的 缩放 ， 又 进行 了 (0, 150, 0) 的 旋转 以 及 (5, 0, 25) 的 平移 。 注 
意 这 里 的 变换 顺序 是 不 能 互 换 的 ， 即 先进 行 缩放 ， 再 进行 旋转 ， 最 后 
是 平移 。 据 此 我 们 可 以 构建 出 模型 变换 的 变换 矩阵 : 


WW : 和 cos 0 sing 0 ks 和 可 员 
于 _ 人 他 杰 本 于 和 于 囊 澳 0 ky 00 
oe | —sing 0 cosg 0| |0 0 大 

0 .001 0 0 0 1| |I0 0 01 


1 和 5 —0.866 0 0.5 0 2 00 
和 和 U l 0 0 由 人 外 如 
101 2 一 0.5 0 一 0.866 0 1 
I A 0 U U 1 0 001 

一 1.732 0 l 5 

| 0 2 0 0 


一 ] 0 一 1.732 25 
0 U U ] 


现在 我 们 可 以 用 它 来 对 妞妞 的 田子 进行 模型 变换 了 : 


P world 一 M model P model 


也 就 是 说 ， 在 世界 空间 下 ， 妞 妞 盟 子 的 位 置 是 (9, 4, 18.072)。 注 
意 ， 这 里 的 浮 点 数 都 是 近似 值 ， 这 里 近似 到 小 数 点 后 3 位 。 实 际 数值 和 
Unity 采 用 的 浮 点 值 精度 有 关 。 


4.6.6 ”观察 空间 


观察 空间 (view space) 也 被 称 为 摄像 机 空间 (camera space) 
。 观察 空间 可 以 认为 是 模型 空间 的 一 个 特例 一 一 在 所 有 的 模型 中 有 一 
个 非常 特殊 的 模型 ， 即 摄像 机 (虽然 通常 来 说 摄像 机 本 号 是 不 可 见 
的 ) ， 它 的 模型 空间 值得 我 们 单独 拿 出 来 讨论 ， 也 就 是 观察 空间 。 


摄像 机 决定 了 我 们 泻 染 游戏 所 使 用 的 视角 。 在 观察 空间 中 ， 摄 像 
机 位 于 原点 ， 同 样 ， 其 坐标 轴 的 选择 可 以 是 任意 的 ， 但 由 于 本 书 讨 论 
的 是 以 Unity 为 主 ， 而 Unity 中 观 罕 空间 的 坐标 轴 选 择 是 : +x 轴 指 回 右 
方 ，+y 轴 指 回 上 方 ， 而 +z 轴 指 回 的 是 摄像 机 的 后 方 。 读 者 在 这 里 可 能 
觉得 很 奇怪 ， 我 们 之 前 讨论 的 模型 空间 和 世界 空间 中 +z 轴 指 的 都 是 物 
体 的 前 方 ， 为 什么 这 里 不 一 样 了 呢 ? 这 是 因为 ，Unity 在 模型 空间 和 世 
界 空 间 中 选用 的 都 是 左手 坐标 系 ， 而 在 观察 空间 中 使 用 的 是 右手 坐标 


系 。 这 是 符 合 OpenGL 传 统 的 ， 在 这 样 的 观察 空间 中 ， 摄 像 机 的 正 前 方 
指向 的 是 -z 轴 方 向 。 


这 种 左右 手 坐 标 系 之 间 的 改变 很 少 会 对 我 们 在 Unity 中 的 编程 产生 
影响 ， 因 为 Unity 为 我 们 做 了 很 多 演 染 的 底层 工作 ， 包 括 很 多 坐标 空间 
的 转换 。 但 是 ， 如 果 读 者 需要 调用 类 似 Camera.cameraToWorldMatrix、 
Camera.worldToCameraMatrix 等 接口 目 行 计 算 某 模型 在 观察 空 间 中 的 位 
置 ， 就 要 小 心 这 样 的 差异 。 


最 后 要 提醒 读者 的 一 点 是 ， 观 察 空 间 和 屏幕 空间 ( 详 见 4.6.8 节 ) 
是 不 同 的 。 观 察 空 间 是 一 个 三 维 空间 ， 而 屏幕 空间 是 一 个 二 维 空间 。 
从 观察 空间 到 屏幕 空间 的 转换 需要 经 过 一 个 操作 ， 那 就 是 投影 
(projection) 。 我 们 后 面 就 会 讲 到 。 


顶点 变换 的 第 二 步 ， 了 驶 是 将 顶点 坐标 从 世界 空间 变换 到 观察 空间 
中 。 这 个 变换 通常 叫做 观察 变换 (view transform ) 


回 到 我 们 的 农场 游戏 。 现 在 我 们 需要 把 妞妞 的 鼻子 从 世界 空间 变 
换 到 观察 空间 中 。 为 此 ， 我 们 需要 知道 世界 坐标 系 下 摄像 机 的 变换 信 
局 °。 这 同样 可 以 通过 摄像 机 面板 中 的 Transform 组 件 得 到 ， 如 图 4.35 所 
示 “。 


TD 
(9, 4>18.072;.1) ON 
NAN 


Ph 


Va 入 Transform 
Position X0 10 
Rotation  X 30 [YIO Iz| 
Scale |1 Yl | 


A 图 4.35 ”农场 游戏 中 摄像 机 的 观察 空间 。 观 察 空间 的 原点 位 于 摄像 机 处 。 注 时 在 观察 空间 
中 ， 摄 像 机 的 前 向 是 z 轴 的 负 方 向 (图 中 只 画 出 了 z 轴 正 方向 ) ， 这 是 因为 Unity 在 观察 空间 中 
使 用 了 右手 坐标 系 。 左 下 角 显 示 了 摄像 机 在 世界 空间 中 所 做 的 变换 。 我 们 想 要 把 妞妞 的 描 子 从 
世界 空间 变换 到 观察 空间 中 


鳃 


为 了 得 到 顶点 在 观察 空间 中 的 位 置 ， 我 们 可 以 有 两 种 方法 。 一 种 
方法 是 计算 观察 空间 的 三 个 坐标 轴 在 世界 空间 下 的 表示 ， 然 后 根据 
4.6.2 节 中 讲 到 的 方法 ， 构 建 出 从 观察 空间 变换 到 世界 空间 的 变换 矩 
阵 ， 再 对 该 矩阵 求 敢 来 得 到 从 世界 空间 变换 到 观察 空间 的 变换 和 矩阵。 
我 们 还 可 以 使 用 男 一 种 方法 ， 即 想象 平移 整个 观察 空间 ， 让 摄像 机 原 
点 位 于 世界 坐标 的 原点 ， 坐 标 轴 与 世界 至 间 中 的 坐标 轴 重 合 即 可 。 这 
两 种 方法 得 到 的 变换 矩 孟 都 是 一 样 的 ， 不 同 的 只 是 我 们 思考 的 方式 。 


这 里 我 们 使 用 第 二 种 方法 。 由 Transform 组 件 可 以 知道 ， 摄 像 机 在 
世界 空间 中 的 变换 是 先 按 (30, 0, 0) 进 行 施 转 ， 然 后 按 (0, 10, -10) 进 行 了 
平移 。 那 么 ， 为 了 把 摄像 机 重新 移 回 到 初始 状态 (这 里 指 摄像 机 原点 
位 于 世界 坐标 的 原点 、 坐 标 轴 与 世界 空间 中 的 坐标 轴 重 合 ) ， 我 们 需 


要 进行 逆向 变换 ， 即 先 按 (0, -10, 10) 平 移 ， 以 便 将 摄像 机 移 回 到 原点 ， 
再 按 (-30, 0, 0) 进 行 旋 转 ， 以 便 让 坐标 轴 重 合 。 因 此 ， 变 换 矩 阵 融 是 : 


1 9 0 0 | 1 

7 0 cosg —sing 0 0 1 0 
er 0 sing cosg 0 0 

0 0 0 | 是 兴 | 


$s 秆 0 0 看 和 
0 0.866 05 0| lo 1 0 -10 

~ |o -0.5 0.866 0| |0 0 1 10 

0 0 0 1 000 1 


1 0 0 0 
0 0.866 0.5 一 3.66 
0 一 0.5 0.866 13.66 
0 0 0 1 


但 是 ， 由 于 观察 空间 使 用 的 是 右手 坐标 系 ， 因 此 需要 对 z 分 量 进行 


取 反 操作 。 我 们 可 以 通过 乘 以 丸 一 个 特殊 的 矩阵 来 得 到 最 终 的 观察 变 
换 和 矩阵 : 


M View =M negate z M view 
13:0 本 性 | 0 0 0 
人 浊 由 0 0.866 0.5 一 3.66 
0 0 -1 0 0 B gi 条 本 66 
0 0 人 1 0 


1 0 
0 0.866 5 i 
~ |o 0.5 0 0 
0 0 


现在 我 们 可 以 用 它 来 对 妞妞 的 里 子 进行 顶点 变换 了 : 


了 view =M view P world 


1 0 0 0 9 9 
0 0.866 0.5  —3.66 4 8.84 
0 0.5 —0.866 一 13.66 18i072| ”上 2731 
0 0 0 1 1 1 


这 样 ， 我 们 就 得 到 了 观察 空间 中 妞妞 蜡 子 的 位 置 一 (9， 
8.84,-27.31) 。 


4.6.7 “裁剪 空间 


顶点 接 下 来 要 从 观察 空间 转换 到 裁剪 空间 (clip space， 也 被 称 为 
齐 次 裁剪 空间 ) 中 ， 这 个 用 于 变换 的 矩阵 叫做 裁剪 矩阵 (clip 
matrix) ， 也 被 称 为 投影 矩阵 (projection matrix) 


裁剪 至 间 的 目标 是 能 够 方便 地 对 泻 染 图 元 进行 裁剪 : 完全 位 于 这 
块 空间 内 部 的 图 元 将 会 被 保留 ， 完 全 位 于 这 块 空 间 外 部 的 图 元 将 会 被 
别 除 ， 而 与 这 块 空间 边界 相交 的 图 元 束 会 被 裁 萝 。 那 么 ， 这 块 空 间 是 
如 何 决定 的 呢 ? 答案 是 由 视 锥 体 (view frustum) 来 决定 。 


视 锥 体 指 的 是 空间 中 的 一 块 区 域 ， 这 块 区 域 决 定 了 摄像 机 可 以 看 
到 的 空间 。 视 锥 体 由 六 个 平面 包围 而 成 ， 这 些 平面 也 被 称 为 裁 甬 平面 
(clip planes) 。 视 锥 体 有 两 种 类 型 ， 这 涉及 两 种 投影 类 型 ， 一 种 是 正 
交 投 影 (orthographic projection) ， 一 种 是 透视 投影 (perspective 
projection) 。 图 4.36 显 示 了 从 同一 位 置 、 同 一 角度 泻 染 同一 个 场景 的 
两 种 摄像 机 的 泻 染 结 有 果 。 


| 


A 图 4.36 ”透视 投影 〈 左 图 ) 和 正 交 投影 ( 右 图 ) 。 左 下 角 分 别 显示 了 当前 摄像 机 的 投影 模式 
和 相关 属性 


从 图 中 可 以 发 现 ， 在 透视 投影 中 ， 地 板 上 的 平行 线 并 不 会 保持 平 
行 ， 离 摄像 机 越 近 网 格 越 大 ， 离 摄像 机 越 远 网 格 越 小 。 而 在 正 交 投影 
中 ， 所 有 的 网 格 大 小 都 一 样 ， 而 且 平 行 线 会 一 直 保持 平行 。 可 以 注意 
到 ， 透 视 投影 模拟 了 人 眼看 世界 的 方式 ， 而 正 交 投影 则 完全 保留 了 物 
体 的 距离 和 角度 。 因 此 ， 在 追求 真实 感 的 3D 游 戏 中 我 们 往往 会 使 用 透 
人 ;我 们 会 便 
用 正 交 投影 。 


在 视 锥 体 的 6 块 裁剪 平面 中 ， 有 两 块 裁剪 平面 比较 特殊 ， 它 们 分 别 
被 称 为 近 前 裁 平 面 (near clip plane) 和 远 剪裁 平面 (far clip plane) 
。 它们 决定 了 摄像 机 可 以 看 到 的 深度 范围 。 正 交 投 影 和 透视 投影 的 视 
锥 体 如 图 4.37 所 示 。 


近 裁 剪 平 面 


名 . 


图 4.37 ” 视 锥 体 和 裁 哀 平面 。 左 图 显示 了 透视 投影 的 视 锥 体 ， 石 图 显示 了 正 交 投影 的 视 锥 体 


由 图 4.37 可 以 看 出 ， 透 视 投 影 的 视 锥 体 是 一 个 金字 塔 形 ， 侧 面 的 4 
个 裁剪 平面 将 会 在 摄像 机 处 相交 。 它 更 符合 视 锥 体 这 个 词语 。 正 交 投 
影 的 视 锥 体 是 一 个 长 方 体 。 前 面 讲 到 ， 我 们 希望 根据 视 锥 体 围 成 的 区 
域 对 图 元 进行 裁 艾 ,但 是 ， 如 采 直 接 使 用 视 锥 体 定 义 的 空间 来 进行 裁 
将 ， 那 么 不 同 的 视 锥 体 就 需要 不 同 的 处 理 过 程 ， 而 且 对 于 透视 投影 的 
视 锥 体 来 说 ， 想 要 判断 一 个 顶点 是 否 处 于 一 个 金字 坎 内 部 是 比较 麻烦 
的 。 因 此 ， 我 们 想 用 一 种 更 加 通用 、 方便 和 整洁 的 方式 来 进行 裁 盘 的 


p> 


， 这 种 方式 整 是 通过 一 个 投影 矩阵 把 顺 操 转 换 到 一 个 裁 前 空间 


投影 矩阵 有 两 个 目的 : 


。 首先 是 为 投影 做 准备 。 这 是 个 迷惑 点 ， 虽 然 投 影 矩 阵 的 名 称 包含 
了 投影 二 字 ， 但 是 它 并 没有 进行 真正 的 投影 工作 ， 而 是 在 为 投影 
做 准备 。 真 正 的 投影 发 生 在 后 面 的 齐 次 除法 (homogeneous 
division) 过 程 中 。 而 经 过 投影 矩阵 的 变换 后 ， 顶 点 的 w 分 量 将 会 
具有 特殊 的 意义 。 


读者 投影 到 的 是 什么 意思 呢 ? 


我 们 ， 可 以 理解 成 古 一 个 空间 的 降 维 ， 例 如 从 四 维 空间 投影 到 二 
维 空间 中 。 而 投影 窍 阵 实际 上 并 不 会 真 的 进行 这 个 步 又， 它 会 为 真正 
的 投影 做 准备 工作 。 真 正 的 投影 会 在 屏幕 映射 时 发 生 ， 通 过 齐 次 除法 
来 得 到 二 维 坐 标 。 具 体会 在 4.6.8 广 中 讲 到 。 


。 其 次 古 对 x、y、z 分 量 进行 缩放 。 我 们 上 面 讲 过 直接 使 用 视 锥 体 
的 6 个 裁 榴 平面 来 进行 裁 台 会 比较 麻烦 。 而 经 过 投影 矩阵 的 缩放 
后 ， 我 们 可 以 直接 使 用 w 分 量 作 为 一 个 范围 值 ， 如 琳 x、y、z 分 
量 都 位 于 这 个 施 围 内 ， 束 说 明 该 项 后 位 于 裁 前 空间 内 。 


在 裁剪 空间 之 前 ， 虽 然 我 们 使 用 了 齐 次 坐标 来 表示 点 和 矢量 ， 但 
它们 的 第 四 个 分 量 都 是 固定 的 ;点 的 w 分 量 是 1， 方 向 矢量 的 w 分 量 是 
0。 经 过 投影 逢 阵 的 变换 后 ， 我 们 就 会 赋予 齐 次 坐标 的 第 4 个 坐标 更 加 
让 富 的 信义。 下面 。 我 们 来 看 一 下 两 种 投影 类 型 使 用 的 投影 短 旗 且 休 
是 什么 。 


1. 透视 投影 


视 锥 体 的 意义 在 于 定义 了 场景 中 的 一 块 三 维 空间 。 所 有 位 于 这 块 
空间 内 的 物体 将 会 被 演 染 ， 否 则 束 会 被 别 除 或 裁 荔 。 我 们 已 经 知道 ， 
这 块 区 域 由 6 个 裁剪 平面 定义 ， 那 么 这 6 个 裁剪 平面 又 是 怎么 决定 的 
呢 ? 在 Unity 中 ， 它 们 由 Camera 组 件 中 的 参数 和 Game 视 图 的 横 纵 比 共 同 
决定 ， 如 图 4.38 所 示 。 


Near 


FOV 


Projection | Perspective 


Field of View JP |30 
Clipping Planes Near 10 


Far 50 
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图 4.38 ”透视 摄像 机 的 参数 对 透视 投影 视 锥 体 的 影响 


由 图 4.38 可 以 看 出 ， 我 们 可 以 通过 Camera 组 件 的 Field of View ( 信 
称 FOV) 属性 来 改变 视 锥 体 竖 直 方向 的 张 开 角 度 ， 而 Clipping Planes 中 
的 Near 和 Far 参 数 可 以 控制 视 锥 体 的 近 裁 前 平面 和 远 裁 剪 平 面 距离 摄像 
人 。 这样 ， 我 们 可 以 求 出 视 锥 体 近 裁剪 平面 和 远 裁剪 平面 的 高 
度 ， 也 就 是 : 


nearClipPlaneHeight = 2: Near :tan SL 


farClipPlaneHeight = 2: Far :tan £9 


现在 我 们 还 缺乏 横 同 的 信息 。 这 可 以 通过 摄像 机 的 横 纵 比 得 到 。 
在 Unity 中 ， 一 个 摄像 机 的 横 纵 比 由 Game 视 图 的 横 纵 比 和 Viewport Rect 
中 的 W 和 HH 属性 共同 决定 (实际 上 ，Unity 允 许 我 们 在 脚本 里 通过 


Camera.aspect 进 行 更 改 ， 但 这 里 不 做 讨论 ) 。 假 设 ， 当 前 摄像 机 的 横 纵 
比 为 Aspect， 我 们 定义 : 


Aspect = nearClipPlaneW dth 
5Pt 二 本 
Aspect 一 farC lipPlaneW utth 
es farClipPlaneHeight 


现在 ， 我 们 可 以 根据 已 知 的 Near、Far、FOV 和 Aspect 的 值 来 确定 
透视 投影 的 投影 矩阵 。 如 下 : 


| FOV k 
4 0 0 0 
Aspect FOvV 
Mf 3 0 cot 了 0 0 
frustum 一 0 0 一 _ FartNear 2Near-Far 
Fear 一 Near Far 一 Wear 
0 0 一 1 


上 面 公式 的 推导 部 分 可 以 参见 本 章 的 扩展 阅读 部 分 。 需 要 注意 的 
是 ， 这 里 的 投影 矩阵 是 建立 在 Unity 对 坐标 系 的 假定 上 面 的， 也 就 是 
说 ， 我 们 针对 的 是 观察 空间 为 右手 坐标 系 ， 使 用 列 矩阵 在 矩阵 右 侧 进 
行 相 和 磁 ， 且 变换 后 z 分 量 范围 将 在 [-w , w ] 之 间 的 情况 。 而 在 类 似 
DirectX 这 样 的 图 形 接口 中 ， 它 们 布 望 变换 后 z 分 量 范 围 将 在 [0, w ] 之 
间 ， 因 此 束 需 要 对 上 面 的 透视 矩阵 进行 一 些 更 改 。 这 不 在 本 书 的 讨论 


而 一 个 顶点 和 上 述 投影 矩阵 相 乘 后 ， 可 以 由 观察 空间 变换 到 裁 艾 
空间 中 ， 结 果 如 下 : 


P clip =M frustumPview 


Co FoV ey ~ 
<a 0 0 [3| 
Aspect 于 
四 0 cot 名 0 0 y 
> 0 0 和 _ FaritNear 二 2Near-Far 日 
Far—Near Far—Near 
0 0 | ] 
cot 
. Aspect 
加 y cot 一 


Fart+tNear 2:Near:Far 


~ Far—Near Far—Near 


从 结 采 可 以 看 出 ， 这 个 投影 矩阵 本 质 融 是 对 x、y 和 z 分 量 进 行 了 
不 同 程度 的 缩放 〈 当 然 ，z 分 量 还 做 了 一 个 平移 ) ， 缩 放 的 目的 是 为 了 
方便 裁 甬 。 我 们 可 以 注意 到 ， 此 时 顶点 的 w 分 量 不 再 是 1， 而 是 原先 z 
分 量 的 取 反 结 末 。 现 在 ,我 们 束 可 以 按 如 下 不 等 式 来 判断 一 个 变换 后 的 


顶点 是 否 位 于 视 锥 体内 。 如 果 一 个 顶点 在 视 锥 体内 ， 那 么 它 变换 后 的 
坐标 必须 满足 : 


一 W <X <w 
一 W <y <w 
-Ww <Z <w 


0 件 的 图 元 都 需 要 被 别 除 或 者 裁 榴 。 图 4.39 显 示 了 
上 上 述 投 影 窍 阵 后 ， 视 锥 体 的 变化 。 


™— x =farClipPlaneWidth / 2 
x = -farClipPlaneWidth / 2 y= farClipPlaneHeight / 2 
y= -farClipPlaneHeight / z= -Far 

z= -Far w=1 
w=1 


裁剪 矩阵 


nea rE Plonev lo /2 
bs earClipPlaneHeight / 2 
z=-Near 

w=1 


= riearcll pPlaneWidth / 2 y 二 ar 

2 Meare ban neHeight / 2 w = Near 
-Near 

w=1 
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图 4.39 ”在 透视 投影 中 ， 投 影 矩 阵 对 顶点 进行 了 缩放 。 图 中 标注 了 4 个 关键 点 经 过 投影 矩阵 
变换 后 的 结果 。 从 这 些 结果 可 以 看 出 x 、y、z 和 w 分 量 的 范围 发 生 的 变化 


从 图 4.39 还 可 以 注意 到 ， 裁 藤 和 矩阵 会 改变 空间 的 旋 疝 性 ， 空 间 从 右 
手 坐 标 系 变换 到 了 左手 坐标 系 。 这 意味 着 ， 离 摄像 机 越 远 ，z 值 将 越 
大 。 


2. 正 交 投影 


首先 ， 我 们 还 是 看 一 下 正 交 投影 中 的 6 个 裁剪 平面 是 如 何 定 义 的 。 
和 透视 投影 类 似 ， 在 Unity 中 ， 它 们 也 是 由 Camera 组 件 中 的 参数 和 Game 
视图 的 横 纵 比 共 同 决定 ， 如 图 4.40 所 示 。 


Size 
Near 


Projection | Orthographic 多 
Size 


Clipping Planes 


4 图 4.40” 正 交 摄像 机 的 参数 对 正 交 投影 视 锥 体 的 影响 


正 交 投影 的 视 锥 体 是 一 个 长 方 体 ， 因 此 计算 上 相 比 透视 投影 来 说 
更 加 人 简单。 由 图 可 以 看 出 ， 我 们 可 以 通过 Camera 组 件 的 Size 属 性 来 改变 
视 锥 体 竖 直方 向 上 高 度 的 一 半 ， 而 Clipping Planes 中 的 Near 和 Far 参 数 可 
以 控制 视 锥 体 的 近 裁 前 平面 和 远 裁 前 平面 距离 摄像 机 的 远近 。 这 样 ， 
我 们 可 以 求 出 视 锥 体 近 裁剪 平面 和 远 裁剪 平面 的 高 度 ， 也 就 是 : 


nearClipPlane Height=2 :Size 
farClipPlaneHeight=nearClipPlaneHeight 


现在 我 们 还 缺乏 横 辐 的 信息 。 同 样 ， 我 们 可 以 通过 摄像 机 的 横 纵 
比 得 到 。 假 设 ， 当 前 摄像 机 的 横 纵 比 为 Aspect， 那 么 : 


nearClipPlane Width=Aspect :nearClipPlaneHeight 
farClipPlane Width=nearClipPlane Width 


现在 ， 我 们 可 以 根据 已 知 的 Near、Far、Size 和 Aspect 的 值 来 确定 正 
交 投 影 的 裁剪 和 矩阵。 如 下 ; 


U U U 


0 fraclSizt 0 0 
0 0 四 2 _ Fari+Near 
- Far—Near Far—Near 
0 U U 1 


上 面 公式 的 推导 部 分 可 以 参见 本 章 的 扩展 阅读 首 
的 投影 矩阵 是 建立 在 Unity 对 坐标 系 的 假定 上 面 的 。 


一 个 顶点 和 上 述 投 影 矩 孟 相 乘 后 的 结 采 如 下 : 


了 


。 同样 ， 这 里 


守 


clip =M ortho view 


i U 0 U 4 
0 fracl Si 0 0 y 


2126 
= ss 2% _ 了 上 ar 十 Near 
Far—Near Far—Near 


注意 到 ， 和 透视 投影 不 同 的 是 ， 使 用 正 交 投影 的 投影 矩阵 对 顶点 
进行 变换 后 ， 其 w 分 量 仍然 为 1。 本 质 是 因为 投影 矩阵 最 后 一 行 的 不 
同 ， 透 视 投 影 的 投影 矩阵 的 最 后 一 行 是 [0 0 -1 0]， 而 正 交 投影 的 投影 
和 窍 阵 的 最 后 一 行 是 [0 0 0 1]。 这 样 的 选择 是 有 原因 的 ， 征 为 了 为 齐 次 除 
法 做 准备 。 具 体会 在 下 一 下 中 讲 到 。 


判断 一 个 变换 后 的 顶点 是 否 位 于 视 锥 体内 使 用 的 不 等 式 和 透视 投 
影 中 的 一 样 ， 这 种 通用 性 也 是 为 什么 要 使 用 投影 矩阵 的 原因 之 一 。 图 
4.41 显 示 了 经 过 上 述 投 影 矩 陡 后 ， 正 交 投 影 的 视 锥 体 的 变化 。 


同样 ， 裁 藤 和 矩阵 改变 了 空间 的 旋 向 性 。 可 以 注意 到 ， 经 过 正 交 投 
影 变 换 后 的 顶点 实际 已 经 位 于 一 个 立方 体内 了 。 


希望 看 到 这 里 读者 的 脑袋 还 没有 爆炸 。 现 在 ， 我 们 继续 来 看 我 们 
的 农场 游戏 。 在 4.6.6 币 的 最 后 ， 我 们 已 经 帮助 妞妞 确定 了 它 的 异 子 在 
观察 空间 中 的 位 置 一 (9, 8.84, -27.31)。 现 在 ， 我 们 要 计算 它 在 裁剪 空 
间 中 的 位 置 。 


首先 ， 我 们 需要 知道 农场 游戏 中 使 用 的 摄像 机 类 型 。 由 于 农场 游 
戏 是 一 个 3D 详 戏 ， 因 此 这 里 我 们 使 用 了 透视 摄像 机 。 摄 像 机 参数 和 
Game 视 图 的 模 纵 比如 图 4.42 所 示 。 


x = -farClipPlaneWidth / 2 
y = -farClipPlaneHeight / 2 
z= -Far 
w=1 
#— x = farClipPlaneWidth /2 
y = farClipPlaneHeight / 2 
z= -Far 


x= -nearClipPlaneWidth / 2 
y= -nearClipPlaneHeight / 2 
z=-Near 
w=1 


号 
x=nearClipPlaneWidth / 2 
y = nearClipPlaneHeight / 2 

z= -Near 
w=1 


图 4.41 ”在 正 交 投影 中 ， 投 影 和 矩阵 对 顶点 进行 了 缩放 。 图 中 标注 了 4 个 关键 点 经 过 投影 矩阵 
变换 后 的 结果 。 从 这 些 结果 可 以 看 出 x 、y、z 和 w 分 量 范 围 发 生 的 变化 。 
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4 图 4.42 ”农场 游戏 使 用 的 摄像 机 参数 和 游戏 画面 的 横 纵 比 


据 此 ， 我 们 可 以 知道 透视 投影 的 参数 : FOV 为 60"，Near 为 5，Far 
为 40，Aspect 为 4/3 = 1.333。 那 么 ， 对 应 的 投影 矩阵 就 是 : 


cot FOV 


~ 0 0 0 
Aspect x 
7 0 cot 一 0 0 
frustum 0 0 _ FaritNear _ 2:Near:Far 
Far—Near Far—Near 
0 0 —] 0 
1.299 0 0 0 
| 看 下 7 0 
和 0 0 一 1.286 一 11.429 
0 0 一 1 0 


然后 ， 我 们 用 这 个 投影 矩阵 来 把 妞妞 的 盘子 从 观察 空间 转换 到 裁 
训 空 间 中 如 下 : 


P clip =M frustum P 


view 


1.299 0 U 0 9 11.691 
下 大 0 8.84 | |15.311 


0 0 286 .lisd20 一 27.31| |23.692 
0 0 = 0 1 pe es | 


这 样 ， 我 们 就 求 出 了 妞妞 的 鼻子 在 裁剪 空间 中 的 位 置 (11.691, 
15.311, 23.692, 27.31)。 接 下 来 ，Unity 会 判断 妞妞 的 鼻子 是 否 需 要 裁 
剪 。 通 过 比较 得 到 ， 妞 妞 的 鼻子 满足 下 面 的 不 等 式 : 


—w <x <w 一 -27.31<11.691<27.31 


—w <x <y 一 -27.31<15.311<27.31 
-WwW <z <w 一 -27.31<23.692<27.31 


由 此 ， 我 们 可 以 判断 ， 妞 妞 的 鼻子 位 于 视 锥 体内 ， 不 需要 被 裁 


CR 


有 O 
4.6.8 ”屏幕 空间 


经 过 投影 矩阵 的 变换 后 ， 我 们 可 以 进行 裁 甬 操作 。 当 完成 了 所 有 
的 裁剪 工作 后 ， 束 需要 进行 真正 的 投影 了 ， 也 就 是 说 ， 我 们 需要 把 视 
锥 体 投影 到 屏幕 空间 (screen space) 中 。 经 过 这 一 步 变换 ， 我 们 会 得 
到 真正 的 像素 位 置 ， 而 不 是 虚拟 的 三 维 坐标 。 


屏幕 至 间 是 一 个 二 维 空间 ， 因 此 ， 我 们 必须 把 顶点 从 裁剪 空间 投 
影 到 屏幕 空间 中 ， 来 生成 对 应 的 2D 坐 标 。 这 个 过 程 可 以 理解 成 有 两 个 
步 又 。 


首先 ， 我 们 需要 进行 标准 齐 次 除法 (homogeneous division) ， 人 也 
被 称 为 透视 除法 (perspective division) 。 虽 然 这 个 步骤 听 起 来 很 陌 
生 ， 但 是 它 实 际 上 非 名 简单 ， 束 是 用 齐 次 坐标 系 的 w 分 量 去 除 以 x 、y 
`z 分 量 。 在 OpenGL 中 ， 我 们 把 这 一 步 得 到 的 坐标 叫做 归 一 化 的 设备 
坐标 (Normalized Device Coordinates，NDC) 。 经 过 这 一 步 ， 我 们 
可 以 把 坐标 从 齐 次 裁剪 坐标 空间 转换 到 NDC 中 。 经 过 透视 投影 变换 后 
的 裁剪 空间 ， 经 过 齐 次 除法 后 会 变换 到 一 个 立方 体内 。 按 照 OpenGL 的 
传统 ， 这 个 立方 体 的 x 、y、z 分 量 的 范围 都 是 [-1, 1]。 但 在 DirectX 这 


样 的 API 中 ，z 分 量 的 范围 会 是 [0, 1]。 而 Unity 选 择 了 OpenGL 这 样 的 齐 
次 裁剪 空间 。 如 图 4.43 所 示 。 


> 


图 4.43 ”经 过 齐 次 除法 后 ， 透 视 投 影 的 裁剪 空间 会 变换 到 一 个 立方 体 


而 对 于 正 交 投影 来 说 ， 它 的 裁剪 空间 实际 已 经 是 一 个 立方 体 了 ， 
而 且 由 于 经 过 正 交 投影 矩阵 变换 后 的 顶点 的 w 分 量 是 1， 因 此 章 次 除法 
并 不 会 对 顶点 的 x 、y“、z 坐标 产生 影响 。 如 图 4.44 所 示 。 
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A 图 4.44 ”经 过 齐 次 除法 


Tl 


， 正 交 投影 的 裁 哀 空间 会 变换 到 一 个 立方 体 


经 过 齐 次 除法 后 ， 透 视 投 影 和 正 交 投影 的 视 锥 体 都 变换 到 一 个 相 
同 的 立方 体内 。 现 在 ， 我 们 可 以 根据 变换 后 的 x 和 y 坐标 来 映射 输出 窗 
口 的 对 应 像素 坐标 。 

在 Unity 中 ， 屏 幕 空 间 左下 角 的 像素 坐标 是 (0, 0) ， 右 上 角 的 像素 
坐标 是 (pixelWidth, pixelHeight)。 由 于 当前 x 和 y 坐标 都 是 [-1 1]， 因 此 
这 个 映射 的 过 程 就 是 一 个 缩放 的 过 程 。 

齐 次 除法 和 屏幕 映射 的 过 程 可 以 使 用 下 面 的 公式 来 总 结 ; 


screenz = clipz-pizelW ulth Ey ee at 只 


2:chip, 2 
clipy -pizel Yeight 1 PirelHeight 
2-clip, 2 


screeny = 


上 上 面 的 式 子 对 x 和 y 分 量 都 进行 了 处 理 ， 那 么 z 分 量 呢 ? 通常 ，z 分 


clip. 


量 会 被 用 于 深度 缓冲 。 一 个 传统 的 方式 是 把 cipu 的 值 直接 存 进深 度 缓 
冲 中 ， 但 这 并 不 是 必须 的 。 通 和 驱动 生产 商会 根据 硬件 来 选择 最 好 的 
存储 格式 。 此 时 clip 也 并 不 会 被 抛弃 ， 里 然 它 已 经 完成 了 它 的 主要 工 
作 一 一 在 齐 次 除法 中 作为 分 母 来 得 到 NDC， 但 它 仍然 会 在 后 续 的 一 些 
工作 中 起 到 重要 的 作用 ， 例 如 进行 透视 校正 插值 。 


在 Unity 中 ， 从 裁剪 空间 到 屏幕 空间 的 转换 是 由 底层 帮 有 我 们 完成 
的 。 我 们 的 顶点 着 色 磺 只 需要 把 顶点 转换 到 裁剪 空间 即 可 。 


在 上 一 步 中 ， 我 们 知道 了 裁剪 空间 中 妞妞 鼻子 的 位 置 一 (11.691， 
15.311, 23.692, 27.31)。 现 在 ， 我 们 终于 可 以 确定 妞妞 的 锚 子 在 屏幕 上 
的 像素 位 置 。 假 设 ， 当 前 屏幕 的 像素 宽度 为 400， 高 度 为 300。 首 先 ， 
我 们 需要 进行 齐 次 除法 ， 把 裁剪 空间 的 坐标 投影 到 NDC 中 。 然 后 ， 再 
瑞 射 到 屏幕 空间 中 。 这 个 过 程 如 下 : 


screenz = cli 一 at 只 a Cee ulth 
1%1.400 1 400 
~ 2-27.31 2 
= 285.6]17 
screen, 一 clipy-pizel Height 1 izel Heil ht 


2-clip, 2 
i 1 $11.300 ， 300 
— 


= 234.096 


由 此 ， 我 们 知道 了 妞妞 曙 子 在 屏幕 上 的 位 置 一 (285.617， 
234.096) 。 


4.6.9 总结 


以 上 就 是 一 个 顶点 如 何 从 模型 空间 变换 到 屏幕 坐标 的 过 程 。 图 4.45 
总 结 了 这 些 空 间 和 用 于 变换 的 矩阵 。 


顶点 看 色 央 的 最 基本 的 任务 吏 是 把 顶点 坐标 从 模型 空间 转换 到 裁 
剪 空 间 中 。 这 对 应 了 图 4.45 中 的 前 3 个 顶点 变换 过 程 。 而 在 片 元 着 色 赂 
中 ， 我 们 通常 也 可 以 得 到 该 片 元 在 屏幕 空间 的 像素 位 置 。 我 们 会 在 
4.9.3 世 中 看 到 如 何 得 到 这 些 像素 位 置 。 


在 Unity 中 ， 坐 标 系 的 旋 向 性 也 随 着 变换 发 生 了 改变 。 图 4.46 总 结 
了 Unity 中 各 个 空间 使 用 的 坐标 系 旋 癌 性 。 


从 图 4.46 中 可 以 发 现 ， 只 有 在 观察 空间 中 Unity 使 用 了 右手 坐标 


RS 


需要 注意 的 是 ， 这 里 仅仅 给 出 的 是 一 些 最 重要 的 坐标 空间 。 还 有 
一 些 空间 在 实际 开发 中 也 会 遇 到 ， 例 如 切线 空间 (tangent space) 
切线 空间 通 利 用 于 法 线 映 射 ， 在 后 面 的 4.7 节 中 我 们 会 讲 到 。 


届 
潜 
次 企 
乓 挡 
-如 如 
利 址 
入 


间 变 换 过 程 


过 
ls 


演 染 流水 线 中 顶点 的 


A 图 4.45 


A 图 4.46 Unity 中 各 个 坐标 空间 的 旋 向 性 


4.7 ”法 线 变换 
在 本 章 的 最 后 ， 我 们 来 看 一 种 特殊 的 变换 ， 法 线 变换 。 


法 线 (normal) ， 也 被 称 为 法 矢量 (normalvector) 。 在 上 面 
我 们 已 经 看 到 如 何 使 用 变换 矩阵 来 变换 一 个 顶点 或 一 个 方 同 矢量 ,但 
法 线 是 需要 我 们 特殊 处 理 的 一 种 方 回 矢 量 。 在 游戏 中 ， 模 型 的 一 个 项 
点 往往 会 携带 额外 的 信息 ， 而 顶点 法 线束 是 其 中 一 种 信息 。 当 我 们 变 
换 一 个 模型 的 时 候 ， 不 仅 需要 变换 它 的 顶点 ， 还 需要 变换 顶点 法 线 ， 
以 便 在 后 续 处 理 (如 片 元 着 色 器 ) 中 计算 光照 等 。 


一 般 来 说 ， 点 和 绝 大 部 分 方向 天 量 都 可 以 使 用 同一 个 4x4 或 3x3 的 
变换 矩阵 M 4 .8 把 其 从 坐标 空间 A 变换 到 坐标 空间 B 中 。 但 在 变换 法 
线 的 时 候 ， 如 采 使 用 同一 个 变换 矩 陡 ， 可 能 束 无 法 确 你 维持 法 线 的 垂 
直 性 。 下 面 束 来 了 解 一 下 为 什么 会 出 现 这 样 的 问题 。 


我 们 先 来 了 解 一 下 另 一 种 方向 矢量 一 一 切线 (tangent) ， 也 被 称 
为 切 矢 量 (tangent vector) 。，。 与 法 线 类 似 ， 切 线 往往 也 是 模型 顶点 携 
禹 的 一 种 信息 。 它 通常 与 纹理 空间 对 齐 ， 而 且 与 法 线 方 向 王 直 ， 如 图 
4.47 所 示 。 


A 图 4.47 ”顶点 的 切线 和 法 线 。 切 线 和 法 线 互 相 垂直 


由 于 切线 是 由 两 个 顶点 之 间 的 差 值 计算 得 到 的 ， 因 此 我 们 可 以 直 
接 使 用 用 于 变换 顶点 的 变换 矩阵 来 变换 切线 。 假 设 ， 我 们 使 用 3x3 的 变 
换 矩 阵 M 4 ,来 变换 顶点 〈 注 意 ， 这 里 涉及 的 变换 矩阵 都 是 3x3 的 矩 
阵 ， 不 考虑 平移 变换 。 这 是 因为 切线 和 法 线 都 是 方向 矢量 ， 不 会 受 平 
移 的 影响 ) ， 可 以 由 下 面 的 式 子 直接 得 到 变换 后 的 切线 : 


Tp=MA .pTha 


其 中 T 4 和 Ts 分别 表示 在 坐标 空间 A 下 和 坐标 空间 B 下 的 切线 方 
癌 。 但 如 采 直 接 使 用 M 4。 ., p 来 变换 法 线 ， 得 到 的 新 的 法 线 方向 可 能 就 
不 会 与 表面 垂直 了 。 图 4.48 给 出 了 这 样 的 一 个 例子 。 


图 4.48 ”进行 非 统一 缩放 时 ， 如 果 使 用 和 变换 顶点 相同 的 变换 矩阵 来 变换 法 线 ， 就 会 得 到 错 
误 的 结果 ， 即 变换 后 的 法 线 方向 与 平面 不 再 垂直 
那么 ， 应 该 使 用 哪个 矩阵 来 变换 法 线 呢 ? 我 们 可 以 由 数学 约束 条 
件 来 推出 这 个 和 矩阵。 我们 知道 同一 个 顶点 的 切线 T 4 和 法 线 TAN AN 4 
必须 满足 垂直 条 件 ， 即 T 。:N 4 =0。 给 定 变换 矩阵 M 。，s ， 我 们 已 经 
知道 Ts =M .8 工 4。 我 们 现在 想 要 找到 一 个 矩阵 G 来 变换 法 线 N 4 
， 使 得 变换 后 的 法 线 仍然 与 切线 垂直 。 即 


TpNp=(MA ,BTA)(GNA)=0 


> 


对 上 式 进 行 一 些 推导 后 可 得 

(Ma_,BTA) (GNA) = (Ma BTA)' (GNA) = TN i = A 
0 

由 于 T ，.N 4。=0， 因 此 如 果 MI ,saG = 工 ， 那 么 上 式 即 可 成 立 。 也 就 
是 说 ， 如 果 G = (MT = (Mg) ， 即 使 用 原 变换 矩阵 的 逆转 置 矩 
阵 来 变换 法 线 就 可 以 得 到 正确 的 结果 。 

值得 注意 的 是 ， 如 果 变 换 矩 阵 M 。_ ,是正 交 和 矩阵 ， 那 么 


Mi5 = MTs ， 因 此 (MT ,gp)”= M48 ， 也 就 是 说 我 们 可 以 使 用 用 于 
变换 顶点 的 变换 矩阵 来 直接 变换 法 线 。 如 果 变 换 只 包括 旋转 变换 ， 那 


么 这 个 变换 矩阵 就 是 正 交 和 矩阵。 而 如 果 变 换 只 包含 旋转 和 统一 缩放 ， 

而 不 包含 非 统一 缩放 ， 我 们 利用 统一 缩放 系数 K 来 得 到 变换 矩阵 M ，_ 
/ 一 1 ] 

的 逆转 置 矩 隆 (A4-a) 一 Ka-a 。 这 样 就 可 以 避免 计算 道 矩 阵 的 过 

程 。 如 果 变换 中 包含 了 非 统一 变换 ， 那 么 我 们 就 必须 要 求解 着 矩阵 来 

得 到 变换 法 线 的 矩阵 。 


4.8 Unity Shader 的 内 置 变量 (数学 篇 ) 


使 用 Unity 写 Shader 的 一 个 好 处 在 于 ， 它 提供 了 很 多 内 置 的 参数 ， 
这 使 得 我 们 不 再 需要 自己 手动 计算 一 些 值 。 本 市 将 给 出 Unity 内 置 的 用 
于 空间 变换 和 摄像 机 以 及 屏幕 参数 的 内 置 变 量 。 这 些 内 置 变量 可 以 在 
UnityShaderVariables.cginc 文 件 中 找到 定义 和 说 明 。 


4.8.1 ”变换 矩阵 


羊 先是 用 于 坐标 空间 变换 的 矩阵 。 表 4.2 给 出 了 Unity 5.2 版 本 提供 
的 所 有 内 置 变换 和 矩阵。 下 面 所 有 的 矩阵 都 是 float4x4 类 型 的 。 


读者 : 为 什么 在 我 的 Unity 中 ， 有 些 变 量 不 存在 呢 ? 

我 们 : 可 能 是 由 于 你 使 用 的 Unity 版 本 和 本 书 使 用 的 版 本 不 同 。 在 
写本 书 时 ， 我 们 使 用 的 Unity 版 本 是 最 新 的 5.2。 而 在 4.x 版 本 中 ， 一 些 
内 置 变量 可 能 会 与 之 不 同 。 

表 4.2 ”Unity 内 置 的 变换 矩阵 


当前 的 模型 观察 投影 算 阵 ， 用 于 将 顶点 /方向 矢量 从 模 
型 空间 变换 到 裁剪 空间 


UNITY_ MATRIX _ MVP 


当前 的 模型 观察 矩阵 ， 用 于 将 顶点 /方向 矢量 从 模型 空 
间 变 换 到 观察 空间 


UNIIY_MATRIX_MYV 


当前 的 观察 矩阵 ， 用 于 将 顶点 /方向 矢量 从 世界 空间 变 
换 到 观察 空间 


UNITY_MATRIX_V 


当前 的 投影 矩阵 ， 用 于 将 顶点 /方向 矢量 从 观察 空间 变 
UNITY_MATRIX _P 换 到 裁剪 空间 


当前 的 观察 投影 矩阵 ， 用 于 将 顶点 /方向 矢量 从 世界 空 
间 变 换 到 裁剪 空间 


UNITY_MATRIX_MV 的 逆转 置 矩 阵 ， 用 于 将 法 线 从 模 
UNITY_MATRIX_IT_MV | 型 空间 变换 到 观察 空间 ， 也 可 用 于 得 到 
UNITY_MATRIX_MV 的 逆 和 矩阵 


当 半 的 樟 允 |[ 用 Np 语 冯 . 4 攻 型 2 KR 
_Object2Wonld 由 用 于 将 顶点 /方向 矢量 从 模型 空间 变 


_Object2World 的 逆 和 矩阵 ， 用 于 将 顶点 /方向 矢量 从 | 
SR 空间 变换 到 模型 空间 


表 4.2 给 出 了 这 些 矩 阵 的 第 用 用 法 。 但 读者 可 以 根据 需求 来 达到 不 
同 的 目的 ， 例 如 我 们 可 以 提取 坐标 空间 的 坐标 轴 ， 方 法 可 回顾 4.6.2 


二 


3 


其 中 有 一 个 矩阵 比较 特殊 ， 即 UNITY_MATRIX_T_ MV 矩阵。 很 
多 对 数学 不 了 解 的 读者 不 理解 这 个 矩阵 有 什么 用 处 。 如 果 读 者 认真 看 
过 和 矩阵 一 节 的 知识 ， 应 该 还 会 记得 一 种 非常 吸引 人 的 矩阵 类 型 一 一 下 
交 和 矩阵 。 对 于 正 交 矩阵 来 说 ， 它 的 逆 矩 阵 就 是 转 置 人 矩阵。 因此， 如 果 
UNITY_MATRIX_MV 是 一 个 正 交 矩阵 的 话 ， 那 么 
UNITY_MATRIX_T_MV 就 是 它 的 逆 和 矩阵 ， 也 就 是 说 ， 我 们 可 以 使 用 
UNITY_MATRIX_T_MV 把 顶点 和 方向 矢量 从 观察 空间 变换 到 模型 空 
间 。 那 么 问题 是 ，UNITY_MATRIX_MV 什 么 时 候 是 一 个 正 交 和 矩阵 
呢 ? 读者 可 以 从 4.5 节 找到 答案 。 总 结 一 下 ， 如 果 我 们 只 考虑 旋转 、 平 
移 和 缩放 这 3 种 变换 的 话 ， 如 果 一 个 模型 的 变换 只 包括 旋转 ， 那 么 
UNITY_MATRIX_MV 就 是 一 个 正 交 矩阵 。 这 个 条 件 似乎 有 些 苛刻 ， 
我 们 可 以 把 条 件 再 放宽 一 些 ， 如 果 只 包括 旋转 和 统一 缩放 (假设 缩放 


系数 是 k) ， 那 么 UNITY_MATRIX_MV 就 几乎 是 一 个 正 交 和 矩阵 了 。 为 
什么 是 几乎 呢 ? 因为 统一 缩放 可 能 会 导致 每 一 行 (或 每 一 列 ) 的 矢量 
长 度 不 为 1， 而 是 k ， 这 不 符合 正 交 矩阵 的 特性 ， 但 我 们 可 以 通过 除 以 
这 个 统一 缩放 系数 ， 及 把 它 变 成 正 交 算 降 。 在 这 种 情况 下 ， 


UNITY_MATRIX_MV 的 逆 和 矩阵 就 是 i UNITY_MATRIX_T_MV。 而 
且 ， 如 果 我 们 只 是 对 方向 矢量 进行 变换 的 话 ， 条 件 可 以 放 得 更 宽 ， 即 
不 用 考虑 有 没有 和 平移 变换 ， 因 为 平移 对 方向 矢量 没有 影响 。 因 此 ， 我 
们 可 以 截取 UNITY_MATRIX _ T_MV 的 前 3 行 前 3 列 来 把 方向 矢量 从 观 
察 空 间 变 换 到 模型 空间 (前 提 是 只 存在 旋转 变换 和 统一 缩放 ) 。 对 于 
0 我 们 可 以 在 使 用 前 对 它们 进行 归 一 化 处 理 ， 来 消除 统一 缩 
放 的 影响 。 


还 有 一 个 矩阵 需要 说 明 一 下 ， 那 就 是 UNITY_MATRIX_IT_MV 窍 
阵 。 我 们 在 4.7 节 已 经 知道 ， 法 线 的 变换 需要 使 用 原 变 换 矩 阵 的 逆转 置 
和 矩阵。 因此 UNITY_MATRIX_IT_MV 可 以 把 法 线 从 模型 空间 变换 到 观 
察 空间 。 但 只 要 我 们 做 一 点 手脚 ， 它 也 可 以 用 于 直接 得 到 
UNITY_MATRIX_MV 的 撑 矩阵 一 一 我 们 只 需要 对 它 进行 转 置 就 可 以 
了 。 因 此 ， 为 了 把 顶点 或 方向 矢量 从 观察 空间 变换 到 模型 空间 ， 我 们 
可 以 使 用 类 似 下 面 的 代码 : 


// 方法 一 : 使 用 transpose 函 数 对 UNITY_MATRIX_IT_MV 进 行 转 置 ， 
// 得 到 UNITY_MATRIX_MV 的 逆 和 矩阵， 然后 进行 列 矩 阵 乘 法 ， 

// 把 观察 空间 中 的 点 或 方向 矢量 变换 到 模型 空间 中 

float4 modelPos = mul(transpose(UNITY_ MATRIX_IT_MV), viewPos); 


// 方法 二 : 不 直接 使 用 转 置 函数 transpose， 而 是 交换 mu1 参 数 的 位 置 ， 使 用 行 矩 阵 乘 法 


// 本 质 和 方法 一 是 完全 一 样 的 
float4 modelPos = mul(viewPos, UNITY_MATRIX_IT_MV); 


关于 mu 函数 参数 位 置 导致 的 不 同 ， 在 4.9.2 节 中 我 们 会 继续 讲 
到 。 


4.8.2 ”摄像 机 和 屏幕 参数 


Unity 提 供 了 一 些 内 置 变 量 来 让 我 们 访问 当前 正在 渲染 的 摄像 机 的 
参数 信息 。 这 些 参数 对 应 了 摄像 机 上 的 Camera 组 件 中 的 属性 值 。 表 4.3 
给 出 了 Unity 5.2 版 本 提供 的 这 些 变量 。 


表 4.3 ”Unity 内 置 的 摄像 机 和 屏幕 参数 


x= 1.0 (或 -1.0， 如 果 正 在 使 用 一 个 翻 

转 的 投影 矩阵 进行 泻 染 ) ，y=Near，z 
_ProjectionParams float4 |=Far,， w=1.0+1.0/Far， 其 中 Near 和 Far 

分 别 是 近 裁 剪 平 面 和 远 裁剪 平面 和 摄像 


机 的 距离 


xX=width，y=height，Z=1.0 + 
ER float4 |10/width, w=1.0+1.0/height, 其 和 
一 width 和 height 分 别 是 该 摄像 机 的 演 染 目 
标 (render target) 的 像素 宽度 和 高 度 
X= 1- Far/Near, y= Far/Near, z= 
_ZBufferParams float4 ”|x/Far，w = y/Far， 该 变量 用 于 线性 化 Z 
缓存 中 的 深度 值 (可 参考 13.1 节 ) 


x=width，y= heigth，z 没有 定义 ，w = 
人 fi4 |1.0 (该 摄像 机 是 正 交 摄 像 机 ) 或 w= 0.0 
ne (该 摄像 机 是 透视 摄像 机 ) ， 其 中 width 


和 height 是 正 交 投影 摄像 机 的 宽度 和 高 度 


该 摄像 机 的 6 个 裁剪 平面 在 世界 空间 下 的 
unity_CameraWorldClipPlanes[6] | float4 怖 序 : 左 、 右 、 下 、 上 、 
加 


4.9 ”答疑 解 惑 


恭喜 你 已 经 几乎 完成 了 本 书 所 有 的 数学 训练 ! 我 们 希望 你 能 从 上 面 的 
内 容 中 得 到 很 多 收获 和 司 发 但是， 我们 也 相信 在 读 完 上 面 的 内 容 后 你 可 
能 对 某 些 概念 仍然 感到 迷惑 。 不 要 担心 ， 答 疑 解 惑 一 节 就 可 以 帮 你 跨 过 一 


些 障 碍 。 
4.9.1 ”使 用 3x3 还 是 4x4 的 变换 矩阵 


对 于 线性 变换 (例如 旋转 和 缩放 ) 来 说 ， 仅 使 用 3x3 的 矩阵 就 足够 表示 
所 有 的 变换 了 。 但 如 采 存 在 平移 变换 ， 我 们 束 需 要 使 用 4x4 的 矩阵 。 因 此 ， 
在 对 顶点 的 变换 中 ， 我 们 通常 使 用 4x4 的 变换 矩阵 。 当 然 ， 在 变换 前 我 们 需 
要 把 点 坐标 转换 成 齐 次 坐标 的 表示 ， 即 把 顶点 的 w 分 量 设 为 1。 而 在 对 方向 
0 2 这 是 因为 平移 变换 对 方 
癌 没有 影响 的 。 


4.9.2 ”Cg 中 的 矢量 和 和 矩阵 类 型 


我 们 通常 在 Unity Shader 中 使 用 Cg 作为 春色 融 编 程 语言 。 在 Cg 中 变量 类 
型 有 很 多 种 ， 但 在 本 市 我 们 是 想 解释 如 何 使 用 这 些 类 型 进行 数学 运算 。 办 
此 ， 我 们 只 以 float 家 族 的 变量 来 做 说 明 。 


在 Cg 中 ， 和 矩阵 类 型 是 由 float3x3、float4x4 等 关键 词 进行 声明 和 定义 
的 。 而 对 于 float3、float4 等 类 型 的 变量 ， 我 们 既 可 以 把 它 当 成 一 个 矢量 ， 也 
可 以 把 它 当 成 是 一 个 1xn 的 行 矩 阵 或 者 一 个 n x1 的 列 矩 阵 。 这 取决 于 运算 的 
种 类 和 它们 在 运算 中 的 位 置 。 例 如 ， 当 我 们 进行 点 积 操作 时 ， 两 个 操作 数 
就 被 当成 矢量 类 型 ， 如 下 : 


rr 


float4 a = float4(1.0, 
float4 b = We 0, 


// 对 两 个 矢量 进行 点 积 操作 
float result = dot(a, b); 


但 在 进行 矩阵 乘法 时 ， 参 数 的 位 置 将 决定 是 按 列 矩阵 还 是 行 矩 阵 进 行 
乘法 。 在 Cg 中 ， 矩 阵 乘 法 是 通过 mul 函 数 实现 的 。 例 如 : 


float4 v = float4(1.0, 2.0, 3.0, 4.0); 
float4x4 M = float4x4( .0, 0.0, 


1. 
0. 
0. 
0. 


// 把 v 当 成 列 矩 阵 和 甜 阵 M 进 行 乘 
float4 column mul_result 
// 把 v 当 成 行 矩 阵 和 和 矩阵 M 进 行 左 乘 
float4 row_mul_result = mul(v, M); 
// 注意 : coLlumn_mu1_resulLt 不 等 于 row_mu1_resulLt， 而 是 : 
// mul(M,v) == mul(v, tranpose(M)) 
// mul(v,M) == mul(tranpose(M), v) 


因此 ， 参 数 的 位 置 会 直接 影响 结果 值 。 通 常 在 变换 顶点 时 ， 我 们 都 是 
使 用 右 乘 的 方式 来 按 列 矩阵 进行 乘法 。 这 是 因为 ，Unity 提 供 的 内 置 矩 阵 
(如 UNITY_MATRIX_MVP 等 ) 都 是 按 列 存储 的 。 但 有 时 ， 我 们 也 会 使 用 
左 乘 的 方式 ， 这 是 因为 可 以 省 去 对 矩阵 转 置 的 操作 。 


需要 注意 的 一 点 是 ，Cg 对 和 矩阵 类 型 中 元 素 的 初始 化 和 访问 顺序 。 在 Cg 

中 ， 对 float4x4 等 类 型 的 变 量 是 按 行 优先 的 方式 进行 填充 的 。 什 么 意思 呢 ? 
我 们 知道 ， 想 要 填充 一 个 矩阵 需要 给 定 一 串 数字 ， 例 如 ， 如 果 和 需要 声明 一 
个 3x4 的 和 矩阵， 我 们 需要 提供 12 个 数字 。 那 么 ， 这 串 数字 是 一 行 一 行 地 填充 
答 阵 还 十 一 列 一 列 地 填充 矩阵 呢 ? 这 两 种 方式 得 到 的 矩阵 是 不 同 的 。 例 
如 ， 我 们 使 用 (1 2, 3, 4, 5, 6, 7, 8, 9) 去 填充 一 个 3x3 的 矩阵 ， 如 末 是 按照 行 优 
先 的 方式 ， 得 到 的 矩阵 是 : 

1 3 

了 9 


如 采 是 按照 列 优先 的 方式 ， 得 到 的 矩阵 是 : 


I 
2 7 治 
3 6 9 


Cg 使 用 的 是 行 优先 的 方法 ， 即 是 一 行 一 行 地 填充 矩阵 的 。 因 此 ， 如 采 
读者 需要 自己 定义 一 个 矩阵 时 (例如 ， 自 己 构建 用 于 空间 变换 的 矩阵 ) ， 
就 要 注意 这 里 的 初始 化 方式 。 


O00 i ht 


人 
J。 例 如 : 


// 按 行 优先 的 方式 初始 化 矩阵 M 


// 得 
float3 row = M[0O]; 


// 得 到 M 的 第 2 行 第 1 列 的 元 素 ， 即 4.0 
float ele = M[1][0]; 


之 所 以 Unity Shader 中 的 矩阵 类 型 满足 上 述 规则 ， 是 因为 使 用 的 是 Cg 语 
言 。 换 句 话 说， 上 面 的 特性 都 是 Cg 的 规定 。 


如 果 读 者 熟悉 Unity 的 API， 可 能 知道 Unity 在 脚本 中 提供 了 一 种 矩阵 类 
型 一 一 Matrix4x4。 脚 本 中 的 这 个 矩阵 类 型 则 是 采用 列 优 先 的 方式 。 这 与 
Unity Shader 中 的 规定 不 一 样 ， 希 望 读 者 在 遇 到 时 不 会 感到 困惑 。 


4.9.3 ”Unity 中 的 屏幕 坐标 : ComputeScreenPos/VPOS/WPOS 


我 们 在 4.6.8 节 中 讲 了 屏幕 空间 的 转换 细节 。 在 写 Shader 的 过 程 中 ， 我 们 
有 时候 希望 能 够 获得 片 元 在 屏幕 上 的 像素 位 置 。 


在 顶点 / 片 元 着 色 器 中 ， 有 两 种 方式 来 获得 片 元 的 屏幕 坐标 。 


种 是 在 片 元 着 色 器 的 输入 中 声明 VPOS 或 WPOS 语义 (关于 什么 是 
语义 ， 可 参见 5.4 节 ) 。VPOS 是 HLSL 中 对 屏幕 坐标 的 语义 ， 而 WPOS 是 Cg 
中 对 屏幕 坐标 的 语义 。 两 者 在 Unity Shader 中 是 等 价 的 。 我 们 可 以 在 
HLSL/Cg 中 通过 语义 的 方式 来 定义 顶点 / 片 元 着 色 器 的 默认 输入 ， 而 不 需要 
自己 定义 输入 输出 的 数据 结构 。 这 里 的 内 容 有 一 些 超前 ， 因 为 我 们 还 没有 
具体 讲解 顶点 / 片 元 着 色 需 的 写法 ， 读 者 在 这 里 可 以 只 关注 VPOS 和 WPOS 的 
语义 。 使 用 这 种 方法 ， 可 以 在 片 元 着 色 器 中 这 样 写 : 


fixed4 frag(float4 sp : VPOS) : SV_Target { 
/ 用 屏幕 坐标 除 以 屏幕 分 辨 率 ScreenParams .xy， 得 到 视 的 坐标 


return fixed4(sp.xy/_ScreenpParams .xy,0.0,1.0); 


} 


得 到 的 效果 如 图 4.49 所 示 。 


A 图 4.49 由 片 元 的 像素 位 置 得 到 的 图 像 


VPOS/WPOS 语 义 定 义 的 输入 是 一 个 float4 类 型 的 变量 。 我 们 已 经 知道 
它 的 xy 值 代表 了 在 屏幕 空间 中 的 像素 坐标 。 如 果 屏 幕 分 辨 率 为 400 x 300， 
那么 x 的 范围 就 是 [0.5,400.5]，y 的 范围 是 [0.5,300.5]。 注 意 ， 这 里 的 像素 坐 
标 并 不 是 整数 值 ， 这 是 因为 OpenGL 和 DirectX 10 以 后 的 版 本 认为 像素 中 心 
对 应 的 是 浮 点 值 中 的 0.5。 那 么 ， 它 的 zw 分 量 是 什么 呢 ? 在 Unity 中 ， 
VPOS/WPOS 的 z 分 量 范围 是 [0,1] ， 在 摄像 机 的 近 和 裁剪 平面 处 ，z 值 为 0， 在 
远 裁剪 平面 处 ，z 值 为 1。 对 于 w 分 量 ， 我 们 需要 地 诬 摄 像 仙 的 投影 天 型 o 


如 果 使 用 的 是 透视 投影 ， 那 么 w 分 量 的 范围 是 Leor | ，Near 和 Far 对 应 
了 在 Camera 组 件 中 设置 的 近 裁 剪 平面 和 远 裁 前 平面 距离 摄像 机 的 远近 ;如 
果 使 用 的 是 正 交 投影 ， 那 么 w 分 量 的 值 恒 为 1。 这 些 值 是 通过 对 经 过 投影 矩 
阵 变换 后 的 w 分 量 取 倒数 后 得 到 的 。 在 代码 的 最 后 ， 我 们 把 屏幕 空间 除 以 
屏幕 分 辨 率 来 得 到 视 口 空间 (viewport space) 中 的 坐标 。 视 口 坐标 很 简 
单 ， 束 是 把 屏幕 坐标 归 一 化 ， 这 样 屏 幕 左 下 角 就 是 (0, 0)， 右 上 角 就 是 (1， 
1D)。 如 果 已 知 屏 幕 坐 标的 话 ， 我 们 只 需要 把 xy 值 除 以 屏幕 分 辨 率 即 可 。 


另 一 种 方式 是 通过 Unity 提 供 的 ComputeScreenPos 函数 。 这 个 画 数 在 
UnityCG.cginc 里 被 定义 。 通 常 的 用 法 需要 两 个 步骤 ， 首 先 在 顶点 着 色 器 中 
将 ComputeScreenPos 的 结果 保存 在 输出 结构 体 中 ， 然 后 在 片 元 着 色 器 中 进 
行 一 个 齐 次 除法 运算 后 得 到 视 口 空间 下 的 坐标 。 例 如 : 


struct vertOut { 
float4 pos:SV_POSITION; 
float4 scrPos : TEXCOORDO; 


}; 


vertOut vert(appdata_ base v) { 
vertOut 0o,; 
oO.pos = mul (UNITY_MATRIX_ MVP, Vv.vertex); 
// 第 一 步 : 把 computeScreenPos 的 结果 保存 到 scrPos' 


oO.scrPos = ComputeScreenPos(o.pos); 
return o,; 


} 


fixed4 frag(vertOut i) : SV_Target { 
// 第 二 步 : 用 scrPos .xy 除 以 scrPos .w 得 到 视 口 空间 
float2 wcoord = (i.scrPos.xy/i.scrPos.w); 
return fixed4(wcoord,0.0,1.0); 


上 面 代 码 的 实现 效 末 和 图 4.49 中 的 一 样 。 我 们 现在 来 看 一 下 这 种 方式 的 
实现 细节 。 这 种 方法 实际 上 是 手动 实现 了 屏幕 映射 的 过 程 ， 而 且 它 得 到 的 
坐标 直接 融 是 视 口 空间 中 的 坐标 。 我 们 在 3.6.8 节 中 已 经 看 到 了 如 何 将 裁 盘 
坐标 空间 中 的 点 映射 到 屏幕 坐标 中 。 据 此 ， 我 们 可 以 得 到 祝 口 空间 中 的 坐 
标 ， 公 式 如 下 : 


- hipz 
vieWwportr = + 
2-clipu 
clipy 
2-clipu 


[CC 


viewport, = 


上 上 面 公式 的 思想 就 是 ， 站 和 完 对 裁 瘟 空间 下 的 坐标 进行 齐 次 除法 ， 得 到 
范围 在 [-1 1] 的 NDC， 然 后 再 将 其 映 冉 到 范围 在 [0, 1] 的 视 口 空间 下 的 化 
标 。 那 么 ComputeScreenPos 究 竟 是 如 何 做 到 的 呢 ? 我 们 可 以 在 
UnityCG.cginc 文 件 中 找到 ComputeScreenPos 函 数 的 定义 。 如 下 : 


inline float4 ComputeScreenPos (float4 pos) { 
float4 0 = pos * 0.5f， 
#if defined(UNITY_HALF_TEXEL_OFFSET) 


oO.Xxy = float2(0.x, oO.y*_Projectionparams.x) + O.w * _ScreenParams .zw 
#else 

0.Xy = float2(0.x, oOo.y*_ProjectionPparams.x) + oO.w; 

#endif 


0.Zw = pos.zw; 


return o,; 
} 


ComputeScreenPos 的 输入 参数 pos 是 经 过 MVP 拓 阵 变换 后 在 裁剪 空间 中 
的 顶点 坐标 。UNITY_HALF_TEXEL A 
使 用 的 安 ， 在 这 里 我 们 可 以 忽略 它 。 这 样 ， 我 们 可 以 只 关注 #else 的 部 分 
_ProjectionParams.x 在 默认 情况 下 是 1 〈 如 果 我 们 使 用 了 一 个 翻转 的 投 景 多 抵 
ns 1， 但 这 种 情况 很 少见 ) 。 那 么 上 述 代 码 的 过 程 实际 是 输出 


Outputz 二 cpz 4 cp 
证 
Outputy = : 了 ctp 


Output. = clip: - 
Outputy = clipy 


可 以 看 出 ， 这 里 的 xy 并 不 是 真正 的 视 口 空间 下 的 坐标 。 因 此 ， 我 们 在 
片 元 着 色 丹 中 再 进行 一 步 处 理 ， 即 除 以 裁剪 坐标 的 w 分 量 。 至 此 ， 完 成 整 
个 映射 的 过 程 。 因 此 ， 虽 然 ComputeScreenPos 的 函数 名 字 似 乎 意味 着 会 直 
接 得 到 屏幕 空间 中 的 位 置 ， 但 并 不 是 这 样 的， 我 们 仍 需 在 片 元 着 色 器 中 除 
以 它 的 w 分 量 来 得 到 真正 的 视 口 空间 中 的 位 置 。 那 么 ， 为 什么 Unity 不 直接 
在 ComputeScreenPos 中 为 我 们 进行 除 以 w 分 量 的 这 个 步骤 呢 ? 为 什么 还 需要 
我 们 来 进行 这 个 除法 ? 这 是 因为 ， 如 果 Unity 在 顶点 着 色 絮 中 这 么 做 的 话 ， 
驶 会 破坏 插值 的 结果 。 我 们 知道 ， 从 项 点 着 色 器 到 片 元 着 色 器 的 过 程 实际 
会 有 一 个 插值 的 过 程 J 可 以 回顾 2.3.6 小 节 ) 。 如 果 不 在 
顶点 邦 色 奴 中 进行 这 个 除法， 保留 *、y 和 w 分 量 ， 那 么 它们 在 插值 后 再 进 


行 这 个 除法 ， 得 到 的 了 和 就 是 正确 的 《我 们 可 以 认为 是 除法 抵消 了 插值 ， 
的 影响 ) 。 但 如 果 我 们 直接 在 顶点 着 色 器 中 进行 这 个 除法 ， 那 么 就 需要 对 必 


和 直接 进行 插值 ， 这 样 得 到 的 插值 结 采 束 会 不 准确 。 原 因 是， 我 们 不 可 
因为 这 并 不 是 一 个 线性 空间 ， 而 插值 往往 是 线 


天 


经 过 除法 操作 后 ， 我 们 就 可 以 得 到 该 片 元 在 视 口 空间 中 的 坐标 了 ， 也 
就 是 一 个 xy 范围 都 在 [0, 1] 之 间 的 值 。 那 么 它 的 zw 值 是 什么 呢 ? 可 以 看 出 ， 
我 们 在 顶点 着 色 絮 中 直接 把 裁 况 空间 的 zw 值 存 进 了 输出 结构 体 中 ， 因 此 乒 
元 奢 色 句 竹 入 风 束 古 这 旦 揪 值 后 的 裁 双 空 x 间 中 的 zw 值 。 这 意味 着 ， 如 果 使 
用 的 是 透视 投影 ， 那 么 z 值 的 范围 是 -Near Far]，w 值 的 范围 是 [Near Far]; 
如 果 使 用 的 是 正 交 投影 ， 那么 z 值 范围 是 [-1, 1]， 而 w 值 恒 为 1。 


4.10 扩展 阅读 


计算 机 图 形 学 使 用 的 数学 还 有 很 多 ， 本 书 仅 洱 盖 了 其 中 非常 小 的 
一 部 分 。 如 果 读 者 想 要 深入 学 习 这 些 知识 的 话 ， 书 籍 HI 是 非常 好 的 
多 学 数学 学 习 资 料 ， 读 者 可 以 在 那里 找到 更 多 类 型 的 变换 及 其 数学 
表示 。 关 于 如 何 从 左手 坐标 系 转换 到 右手 坐标 系 同 时 又 保持 视觉 效 采 
一 样 ， 可 以 参考 资料 8 。 关 于 如 何 得 到 线性 的 深度 值 可 以 参考 资料 和 内 


[1] Fletcher Dunn, Ian Parberry. 3D Math Primer for Graphics and 
Game Development (2nd Edition). November 2, 2011 by A K Peters/CRC 
Press ° 


[2] Eric Lengyel. Mathematics for 3D game programming and 
computer graphics (3rd Edition). 2011 by Charles River Media ° 


[3] David Eberly. Conversion of Left-Handed Coordinates to Right- 
Handed Coordinates ° 


[4] http://www.humus.name/temp/Linearize%20depth.txt ° 


4.11 练习 题 答案 


4.2.5 节 
1. 右手 坐标 系 。 


2. (1, 0, 0)。(1, 0, 0)。 从 坐标 表示 来 看 ， 结 果 是 完全 一 样 的 。 左 手 
坐标 系 和 右手 坐标 系 在 绝 大 多 数 情况 下 不 会 对 底层 的 数学 运算 造成 影 
响 ， 但 是 会 在 视觉 表现 上 有 所 差异 。 以 本 题 为 例 ， 虽 然 旋 转 之 前 点 的 
坐标 是 一 样 的 ， 但 如 果 把 它们 统一 在 同一 个 空间 中 显示 出 来 ， 其 绝对 
位 置 是 不 同 的 。 如 图 4.50 所 示 。 


右手 坐标 系 中 的 (0, 0, 1) 点 


十 X 


右手 坐标 系 中 的 +z 旋转 90° 后 的 (1, 0, 0) 点 


> 


图 4.50 ”图 中 两 个 坐标 系 的 x 轴 和 y 轴 是 重合 的 ， 区 别 仅 在 于 z 轴 的 方向 。 左 手 坐 标 系 的 (0， 
0, 1) 点 和 右手 坐标 系 中 的 (0, 0, 1) 点 是 不 同 的 ， 但 它们 旋转 后 的 点 却 对 应 到 了 同一 点 


因此 ， 如 果 我 们 想 要 在 左手 和 右手 坐标 系 中 表示 同一 个 点 ， 就 需 
要 把 其 中 一 个 坐标 系 中 的 表示 方法 中 的 某 个 轴 反 向 ， 一般 是 把 z 值 取 
反 。 在 本 例 中 ， 左 手 坐 标 系 的 (0, 0, 1) 点 和 右手 坐标 系 中 的 (0, 0, -了 ]) 点 


征 同 一 点 。 但是， 如 条 此 时 对 该 点 再 次 分 别 在 坞 手 和 右 于 坐标 系 中 组 y 
轴 正 方 同 旋 轩 90*， 结 琳 束 不 古 同 一 个 点 了 ， 如 图 4.51 所 示 。 


把 


左手 坐标 系 中 的 +z 
右手 坐标 系 中 的 (0， ee 


左手 坐标 系 中 的 (0, 0, 1) 点 


在 右手 坐标 系 中 绕 +Y 
旋转 90° 后 的 (-1, 0, 0) 点 +4+X 
在 左手 坐标 系 中 绕 +y 


右手 坐标 系 中 的 +z 旋转 90° 后 的 (1, 0, 0) 点 


图 4.51 ”绝对 空间 中 的 同一 点 ， 在 左手 和 右手 坐标 系 中 进行 同样 角度 的 旋转 ， 其 旋转 方向 是 
不 一 样 的 。 在 左手 坐标 系 中 将 按 顺 时 针 方向 旋转 ， 在 右手 坐标 系 中 将 按 逆 时 针 方向 旋转 


3. -10。10。 这 是 因为 ， 在 Unity 中 ， 模 型 空间 使 用 的 是 左手 坐标 
系 。 球 体 所 在 的 位 置 位 于 摄像 机 模型 空间 中 的 z 轴 正 方向 ， 因 此 在 模型 
空间 下 其 z 值 为 10。 而 观察 空间 使 用 的 右手 坐标 系 ， 摄 像 机 的 正 前 方 是 
z 轴 的 负 方 向 ， 因 此 在 观察 空间 下 其 z 值 为 -10。 


> 


4.3.3 节 


1 


(1) 错误 ， 完 全 说 反 了 “。 对 于 矢量 来 说 它 有 两 个 属性 : 模 ( 即 大 
小 ) 和 方向 ， 矢 量 是 没有 位 置 属性 的 ， 也 就 是 说 ， 我 们 可 以 随意 把 它 
放 在 空间 的 任何 位 置 。 


(2) 正确 。 


(3) 错误 。 坐 标 系 的 选择 不 会 对 底层 的 数学 计算 产生 影响 ， 对 于 
又 积 来 说 ， 我 们 总 可 以 使 用 公 云 


a xb =(Qx ,dy ,dz )x(Dx ,by ,by ) 
=(ay b; ~-az by, az bx ~ ax bz, a by — ay by ) 
来 计算 。 但 是， 不 同 的 坐标 系 会 影响 最 后 的 显示 结案 ， 即 视觉 
的 表现 。 数 学 是 一 门 非常 严谨 的 学 科 ， 但 人 类 往往 需要 可 视 化 一 些 东 
西 ， 例 如 在 屏幕 上 显示 虚拟 的 三 维 空间 ， 在 把 数字 转换 成 视觉 表现 的 
时 候 ， 选 择 不 同 的 坐标 系 可 能 会 得 到 不 同 的 结 


2. 


pr D0., So0, 2 


1 二 刘 ts 
( ) /3 SQ0.o710.o0710.071 
5 VOVIV: 


(6) (10,9) 
(7) (-6,1,2) 


3. V308 ~ 17.55 


(3) 13 
(4) (-9,-13,7) 


(5) (9,13,-7)， 注 意 ， 结 果 和 答案 (4) 是 相反 的 。 这 是 因为 ， 又 
积 满足 反 交 换 律 。 


(1) 我 们 可 以 通过 判断 x -p 和 v 点 积 的 符号 来 判断 x 是 否 在 NPC 的 
前 方 。 这 是 因为 : 


(x-p)v=|v | |x-p |cos6 
其 中 9 是 x -p 和 v 之 间 的 夹 角 。 如 果 它 们 点 积 的 结果 大 于 0， 那 么 说 
明 < 90*， 即 点 x 在 NPC 的 前 方 ;， 如 有 果 点 积 结果 小 于 0， 那 么 说 明 > 
90°?， 即 点 x 在 NPC 的 后 方 ， 如 果 点 积 结果 等 于 0， 那 么 说 明 = 90"， 即 
点 Xx 在 NPC 的 正 左 侧 或 正 右 侧 。 
(2) 代入 得 
(x —p ):v =((10,6)- (4, 2)).(-3,4)=(6,4).(-3,4)=-18+16=-2<0 


因此 ， 点 x 在 NPC 的 后 方 。 


(3) 我 们 现在 需要 判断 cos06 和 2 的 大 小 。 如 果 ~”w~3 ， 那 么 说 
明 ” ， 即 NPC 可 以 看 到 该 点 ， 如 果 ~…" ， 那 么 说 明 ~ ， 即 NPC 无 法 
(二 有 多 丙 


看 到 该 点 。cosg 可 以 由 "一 区 二 可 来 得 到 ， 而 "os 了 可 直接 计算 得 
到 。 


(4) 如 果 有 距离 限制 ， 我 们 只 需要 判断 该 点 到 p 的 距离 是 否 小 于 
该 限制 值 即 可 。 


7. 令 u =p>，-pi1,， Vv=-p3-p1°™ 由 于 三 点 都 位 于 xy 平 面 ， 那么 
有 : 


u =(ux ,Uy ,0), V =(Vx ,vy ,0) 
它们 的 叉 积 为 : 


u XV =(0,0,Uy vy -uy vx ) 


我 们 可 以 通过 判断 ww -uw v 的 符号 来 判断 三 角形 的 朝向 。 如 果 访 


值 为 负 ， 则 由 左手 法 则 判断 可 得 到 3 个 顶点 的 顺序 是 顺 时 针 方 向 ， 如 果 
为 正 ， 则 为 逆 时 针 方 辐 。 如 图 4.52 所 示 。 


A 图 4.52 ”在 左手 坐标 系 中 ， 如 果 叉 积 结果 为 负 ， 那 么 3 点 的 顺序 是 顺 时 针 方向 


4.4.6 小 节 


1. 
1 3| [=-1 5| [1)(=1) +(3)(0) (1)(5) + (3)(2) 
(1) [2 do 2 [2(-D+((0) (2)(5) + (4)(2) 


(2) 无 法 进行 矩阵 乘法 ， 两 个 矩阵 相 乘 要 求 第 一 个 矩阵 的 列 数 等 
于 第 二 个 的 行 数 ， 因 此 我 们 无 法 对 2x3 和 4x2 的 矩阵 进行 乘法 。 


ba 


| -总 1 (一 中 十 (一 2(4) 十 (3j(8) 11 
5 1 4 (5)( 一 9B) 十:(1)(4} 十 (4X(8) | 一 | 也 
(3) [6 0 3 (6)(—5) + (0)(4) + (3)(8) 一 6 


2. 


(1) 不 是 正 交 和 矩阵。 它 的 转 置 矩 阵 和 本 喘 相 乘 的 结果 不 是 单位 抵 
阵 。 也 可 以 通过 难 证 抢 隆 的 行 是 否 构成 一 组 标准 正 交 基 来 判断 。 


(2) 是 正 交 矩阵 。 
(3) 是 正 交 矩阵。 这 实际 上 是 一 个 绕 z 轴 旋 转 ? 的 旋转 矩阵 。 


t 


1 0 0 3) 十 (20) 二 (6)0) 
6] 10 1 0| = |(3)(0)+(2)(1)+(6)(0)| =[3 2 6] 


0 0 和 (3)(0) 十 (2)(0) 十 (6)(1) 


1 0 0 3 (1)(3) 十 (0)(2) 十 (0)(6) 3 
【时 1 2| = (0)(3) 填 (1)(2) 十 (0)(6) 一 : | 过 
0 0 1 6 (3)(0)(3) 十 (0)(2) 十 (1)(6) 6 


得 到 的 结果 转换 成 矢量 都 是 (3,2,6)， 是 一 样 的 。 这 是 因为 ， 该 矩阵 
古 一 个 单位 矩阵， 单位 矩阵 和 任何 矩阵 相 乘 都 是 原 矩 阵 本 映 。 


1 0 2 (3)(1) + (2)(0) + (6)(0) 
B 2 6|o 1 -3| = | (3)(0)+(2)(1)+(6)(0) | =B 2 18| 


0 0 3 (3)(2) 十 (2)( 一 3) 十 (6)(3) 


1 0 2 3 (1)(3) 十 (0)(2) 十 (2)(6) 15 
0 1 -3| |2| = |(0)(3)+ (1)(2)+ (3)(6)| = | 一 16 
0 0 3 6 (0)(3) 十 (0)(2) 十 (3)(6) 18 


得 到 的 结果 不 一 致 。 为 了 得 到 一 致 的 结果 ， 我 们 可 以 对 移 阵 进行 
转 置 。 例 如 ， 为 了 得 到 和 列 和 矩阵 相同 的 结 采 ， 在 进行 行 矩阵 乘法 时 ， 
对 矩阵 进行 转 置 ， 得 


(2) 


10 21 和 二 证 
EN 5 3 2 6lo 1 0 
00 3 2 -3 3 
(3)(1) 十 (2)(0) 十 (6)(2) 
(3){0) 4 (2)(1) .+ (6N(—3)| S15 16 ‘319 
(3)(0) 十 (2)(0) 十 (6)(3) 


9 _1 3 (3)(2) + (2)(—1) + (6)(3) 
382 li 5 -3 = |(W(-1)+(2{)+{6)(—3)| = 22 
3: 过 3)(3) 十 太 


"ee 洛 3 (ON 22 
= | ts 
和 38. 久 6 [3 3) 


)(2) + (4)(6) 27 
得 到 的 结果 转换 成 矢量 都 是 (22,-11,27)， 是 一 样 的 。 这 是 因为 ， 该 
和 矩阵 是 一 个 对 称 和 矩阵 (symmetric matrix) 


入 
。 对称 窍 阵 的 园 置 是 其 本 
喘 ， 因 此 行 矩 阵 和 列 和 矩阵 不 会 对 结 末 产生 影响 。 


第 2 篇 ”初级 篇 


在 学 习 完 基础 篇 后 ， 我 们 就 正式 开始 了 Unity Shader 的 学 习 之 旅 。 
初级 篇 将 会 从 最 简单 的 Shader 开 始 ， 讲 解 Shader 中 基础 的 光照 模型 、 
纹理 透明 效果 等 初级 泻 染 效果 。 需 要 注意 的 是 ， 我 们 在 初级 篇 中 实 
现 的 Unity Shader 大 多 不 能 直接 用 于 真实 项 目 中 ， 因 为 它们 缺少 了 完整 
的 光照 计算 ， 例 如 阴影 、 光 照 惨 减 等 ， 仪 仪 是 为 了 阐述 一 些 实现 原 
理 。 在 第 9 章 ， 会 给 出 包含 了 完整 光照 计算 的 Unity Shader 。 


第 5 章 开始 Unity Shader 学 习 之 旅 


本 章 将 实现 一 个 简单 的 顶点 / 片 元 着 色 郁 ， 并 详细 解释 其 中 每 个 步 
又 的 原理 ， 还 会 给 出 关于 Unity Shader 的 一 些 常用 的 辅助 技巧 等 。 


第 6 章 Unity 中 的 基础 光照 


本 章 将 学 习 如 何在 Shader 中 实现 基本 的 光照 模型 ， 如 漫 反 射 、 高 
光 反 射 等 。 


第 7 章 基础 纹理 


这 一 和 章 将 会 讲述 如 何在 Unity Shader 中 使 用 法 线 纹理 、 所 日 纹 理 等 
基础 纹理 。 


第 8 章 透明 效果 
这 一 章 首 先 介绍 了 渲染 的 实现 原理 ， 并 给 出 了 和 Unity 的 泻 染 顺序 


相关 的 重要 内 容 。 在 了 解 了 这 些 内 容 的 基础 上 ， 我 们 将 学 习 如 何 实 现 
透明 度 测试 和 透明 度 混 合 等 透明 效果 。 


第 5 章 ”开始 Unity Shader 学 习 之 旅 


欢迎 来 到 本 书 的 第 2 篇 一 初级 篇 。 在 基础 篇 中 ， 我 们 学 习 了 演 
染 流水 线 ， 并 给 出 了 Unity Shader 的 基本 概况 ， 同 时 还 打下 了 一 定 的 数 
学 基础 。 从 本 章 开 始 ， 我 们 将 真正 开始 学 习 如 何在 Unity 中 编写 Unity 
Shader。 


本 章 的 结构 如 下 : 在 5.17 ， 我 们 将 给 出 编写 本 书 时 使 用 的 软件 ， 
包括 Unity 的 版 本 等 。 这 是 为 了 让 读者 可 以 在 实践 时 不 会 出 现 因 版 本 不 
同 而 造成 困扰 。 在 5.2 季 ， 我 们 将 看 到 一 个 最 简单 的 顶点 / 片 元 着 色 嚣 ， 
并 详细 地 解释 这 个 顶点 / 片 元 着 色 需 的 组 成 结构 。5.3 世 将 介绍 Unity 内 
置 的 Unity Shader 文 件 ， 以 及 提供 给 用 户 的 一 些 包 含 文件 、 内 置 变量 和 
函数 等 。5.4 节 则 向 读者 前 述 Unity Shader 中 使 用 的 Cg 语义 ， 这 是 很 多 
初学 者 容易 困惑 的 地 方 。 在 5.5 和 中 ， 我 们 会 介绍 如 何 对 Unity Shader 
进行 调试 。5.6 节 将 介绍 平台 差异 对 Unity Shader 的 影响 。 最 后 ，5.7 贡 
将 给 出 一 些 在 编写 Unity Shader 时 很 容易 实现 的 优化 技巧 。 为 了 证 读者 
养 成 民 好 的 编程 习惯 ， 我 们 在 这 市 也 给 出 了 一 些 建 议 。 


5.1 本 书 使 用 的 软件 和 环境 


本 书 使 用 的 Unity 版 本 是 Unity 5.2.1 免 费 版 。 使 用 更 高 版 本 的 Unity 
通常 不 会 有 什么 影响 。 但 如 有 果 你 打算 使 用 更 低 版 本 的 Unity， 那 么 在 学 
习 本 书 时 可 能 瓯 会 遇 到 一 些 问 题 。 例 如 ， 你 发 现 有 些 荣 单 或 变量 在 你 
安装 的 Unity 中 找 不 到 ， 可 能 就 是 因为 Unity 版 本 不 同 造 成 的 。 绝 大 多 
数 情况 下 ， 本 书 的 代码 和 指令 仍然 可 以 工作 民 好 ， 但 在 一 些 特殊 情况 
下 ，Unity 可 能 会 更 改 底层 的 实现 细节 ， 造 成 同样 的 代码 得 到 不 一 样 的 
效果 (例如 ， 在 非 统 一 缩放 时 对 法 线 进行 变换 ， 详 见 19.3 节 ) 。 还 有 
一 些 问 题 是 Unity 提 供 的 内 置 变量 、 宏 和 函数 ， 例 如 我 们 在 书 中 经 常会 
使 用 UnityObjectToWorldNormal 内 置 贸 数 把 法 线 从 模型 空间 变换 到 世界 
空间 中 ， 但 这 个 函数 是 在 Unity 5 中 被 引入 的 ， 因 此 如 果 读 者 使 用 的 是 
Unity 5 之 前 的 版 本 就 会 报错 。 类 似 的 情况 还 有 和 阴影 相关 的 宏和 变量 
等 。 和 Unity 4.x 版 本 相 比 ，Unity 5.x 最 大 的 变化 之 一 就 是 很 多 以 前 只 
有 在 专业 版 才 文 持 的 功能 ， 在 免费 版 也 同样 提供 了 。 因 此 ， 如 果 读 者 
使 用 的 是 Unity 4.x 免 费 版 ， 可 能 会 发 现 本 书 中 的 某 些 示例 无 法 实现 。 


本 书 工程 编写 的 系统 环境 是 Mac OS X 10.9.5。 如 果 读 者 使 用 的 是 
其 他 系统 ， 绝 大 部 分 情况 也 不 会 有 任何 问题 。 但 有 时 会 由 于 图 像 编程 
接口 的 种 类 和 版 本 不 同 而 有 一 些 差 别 ， 这 是 因为 Mac 使 用 的 图 像 编 程 
接口 是 基于 OpenGL 的 ， 而 其 他 平台 如 Windows， 可 能 使 用 的 是 
DirectX。 例 如 ， 在 OpenGL 中 ， 演 染 纹理 (Render Texture) 的 (0, 0) 点 
是 在 左下 角 ， 而 在 DirectX 中 ，(0, 0) 点 是 在 左上 角 。 在 5.6 节 ， 我 们 将 
总 结 一 些 由 于 平台 而 造成 的 差异 问题 。 


5.2 ”一 个 最 简单 的 顶点 / 片 元 着 色 需 


现在 ， 我 们 正式 开始 学 习 如 何 编写 Unity Shader， 更 准确 地 说 是 ， 学 习 如 
何 编写 顶点 / 片 元 着 色 右 。 


5.2.1 顶点 / 片 元 着 色 器 的 基本 结构 
我 们 在 3.3 广 已 经 看 到 了 Unity Shader 的 基本 结构 。 它 包含 了 Shader 、 


Properties 、SubShader 、Fallback 等 语义 块 。 顶 点 / 片 元 着 色 器 的 结构 与 之 大 
体 类 似 ， 它 的 结构 如 下 : 


Shader "MyShaderName™" { 
Properties { 
// 属性 


} 
SubShader { 
// 针对 显卡 A 的 SubShader 
Pass { 
// 设置 泻 染 状态 和 标签 


// 开始 Cg 代码 片段 
CGPROGRAM 
// 该 代码 片段 的 编译 指令 ， 例 如 : 
#pragma vertex Vert 
#pragma fragment frag 


// Cg 代码 写 在 这 里 


0 


ENDCG 


// 其 他 设置 
// 其 他 需要 的 Pass 


} 
SubShader { 
// 针对 显卡 B 的 SubShader 


} 


// 上 述 SubShader 都 失败 后 用 于 回调 的 Unity Shader 
Fallback "VertexLit" 


其 中 ， 最 重要 的 部 分 是 Pass 语义 块 ， 我 们 绝 大 部 分 的 代码 都 是 写 在 这 个 
语义 块 里 面 的 。 下 面 我 们 就 来 创建 一 个 最 简单 的 顶点 / 片 元 着 色 器 。 


(1) 新 建 一 个 场景 ， 把 它 命 名 为 Scene 5 _ 2。 在 Unity 5 中 可 以 得 到 图 5.1 
中 的 效果 。 


Main Camera 
Directional Light 


和 图 5.1 在 Unity 5 中 新 建 一 个 场景 得 到 的 效果 


可 以 看 到 ， 场 景 中 已 经 包含 了 一 个 摄像 机 、 一 个 平行 光 。 而 且 ， 场 景 的 
背景 不 是 纯色 ， 而 是 一 个 天 空 盒子 (Skybox) 。 这 是 因为 在 Unity 5.x 版 本 
中 ， 默 认 的 天 空 盒子 不 为 空 ， 而 是 Unity 内 置 的 一 个 天 空 盒 子 。 为 了 得 到 更 加 
原始 的 效果 ， 我 们 选择 去 掉 这 个 天 空 盒子 。 做 法 是 ， 在 Unity 的 菜单 中 ， 选 择 
Window -> Lighting -> Skybox， 把 该 项 置 为 空 。 注 意 ， 在 Unity 4.x 版 本 中 ， 设 
置 天 空 盒子 的 位 置 与 这 里 并 不 一 样 。 


(2) 新 建 一 个 Unity Shader， 把 它 命名 为 Chapter5-SimpleShader 。 


(3) 新 建 一 个 材质 ， 把 它 命 名 为 SimpleShaderMat。 把 第 2 步 中 新 建 的 
Unity Shader 赋 给 它 。 


(4) 新 建 一 个 球体 ， 拖 暇 它 的 位 置 以 便 在 Game 祝 图 中 可 以 合适 地 显示 
出 来 。 把 第 3 步 中 新 建 的 材质 拖 虚 给 它 。 


(5) 双击 打开 第 2 步 中 创建 的 Unity Shader。 删 除 里 面 的 所 有 代码 ， 把 下 
面 的 代码 粘贴 进 去 : 


Shader "Unity Shaders Book/Chapter 5/Simple Shader™" { 


SubShader { 
Pass { 
CGPROGRAM 


#pragma vertex vert 
#pragma fragment frag 


float4 vert(float4 v : POSITION) : SV_POSITION { 
return mul (UNITY_MATRIX_MVP, v); 


} 


fixed4 frag() : SV_Target { 
return fixed4(1.0, 1.0, 1.0, 


} 


ENDCG 


保存 并 返回 Unity 查 看 结果 。 
最 后 ， 我 们 得 到 的 结果 如 图 5.2 所 示 。 


全 图 5.2 


二 Hierarchy 


Maximize on Play | Mute audio | Stats | Cizmos ~ Create ~ 


一 个 最 简单 的 顶点 / 片 元 着 色 器 得 到 一 个 


白色 的 球 


这 是 我 们 遇见 的 第 一 个 真正 意义 上 的 顶点 / 片 元 着 色 器 ， 我 们 有 必要 来 详 
细 地 解释 一 下 它 。 


首先 ， 代 码 的 第 一 行 通过 Shader 语义 定义 了 这 个 Unity Shader 的 名 字 
一 一 “Unity Shaders Book/Chapter 5/Simple Shader”。 保 持 恨 好 的 命名 习惯 有 助 
于 我 们 在 为 材质 球 选 择 Shader 时 快速 找到 上 自 定义 的 Unity Shader 。 需要 注意 的 
是 ， 在 上 面 的 代码 里 我 们 并 没有 用 到 Properties 语义 块 。Properties 语义 并 不 
是 必需 的 ， 我 们 可 以 选择 不 声明 任何 材质 属性 。 


然后 ， 我 们 声明 了 Subshader 和 Pass 语义 块 。 在 本 例 中 ， 我 们 不 需要 进 
行 任何 渲染 设置 和 标签 设置 ， 因 此 SubShader 将 使 用 默认 的 泻 染 设置 和 标签 
设置 。 在 SubShader 语义 块 中 ， 我 们 定义 了 一 个 Pass ， 在 这 个 Pass 中 我 们 同 
样 没 有 进行 任何 自 定 义 的 泻 染 设置 和 标签 设置 。 


接着 ， 就 是 由 CGPROGRAM 和 ENDCG 所 包围 的 CG 代码 片段 。 这 是 我 们 
的 重点 。 首 先 ， 我 们 遇 到 了 两 行 非常 重要 的 编译 指令 


#pragma vertex Vert 
#pragma fragment frag 


它们 将 告诉 Unity， 哪 个 画 数 包含 了 顶点 着 色 属 的 代码 ， 哪 个 函数 包含 了 
瞩 元 着 色 需 的 代码 。 更 通用 的 编译 指令 表示 如 下 : 


#pragma vertex name 
#pragma fragment name 


其 中 name 束 是 我 们 指定 的 函数 名 ， 这 两 个 函数 的 名 字 不 一 定 是 vert 和 
frag， 它 们 可 以 是 任意 目 定 义 的 合法 函数 名 ， 但 我 们 一 般 使 用 vert 和 frag 来 定 
义 这 两 个 画 数 ， 因 为 它们 很 直观 。 


接 下 来 ， 我 们 具体 看 一 下 vert 函 数 的 定义 : 


float4 vert(float4 v : POSITION) : SV_POSITION { 


return mul (UNITY_MATRIX_MVP, v); 
} 


这 就 是 本 例 使 用 的 顶点 着 色 器 代码 ， 它 是 逐 顶 点 执行 的 。vert 范 数 的 输 
入 v 包 含 了 这 个 顶点 的 位 置 ， 这 是 通过 POSITION 语义 指定 的 。 它 的 返回 值 是 
一 个 float4 类 型 的 变量 ， 它 是 该 顶点 在 裁剪 空间 中 的 位 置 ，POSITION 和 
SV_POSITION 都 是 CgHLSL 中 的 语义 (semantics) ， 它 们 是 不 可 省 略 的 ， 
这 些 语义 将 告诉 系统 用 户 需 要 哪些 输入 值 ， 以 及 用 户 的 输出 是 什么 。 例 如 这 
里 ，POSITION 将 告诉 Unity， 把 模型 的 顶点 坐标 填充 到 输入 参数 v 中 ， 
SV_POSITION 将 告诉 Unity， 顶 点 着 色 恬 的 输出 是 裁剪 空间 中 的 顶点 坐标 。 
如 果 没 有 这 些 语义 来 限定 输入 和 输出 参数 的 话 ， 演 染 器 就 完全 不 知道 用 户 的 
输入 输出 是 什么 ， 因 此 就 会 得 到 错误 的 效果 。 在 5.4 节 中 ， 我 们 将 总 结 这 些 语 
义 。 在 本 例 中 ， 顶 点 着 色 器 只 包含 了 一 行 代码 ， 这 行 代码 读者 应 该 已 经 很 熟 
悉 了 (起 码 对 这 个 数学 操作 应 该 很 熟悉 了 ) ， 这 一 步 就 是 把 顶点 坐标 从 模型 
空间 转换 到 裁剪 空间 中 。UNITY_MATRIX_MVP 和 矩阵 是 Unity 内 置 的 模型 . 观 
察 . 投 影 和 矩阵， 我们 在 4.8 节 已 经 见 过 它 了 。 


然后 ， 我 们 再 来 看 一 下 frag 函 数 : 


fixed4 frag() : SV_Target { 
return fixed4(1.0, 1.0, 1.0, 1.0); 


在 本 例 中 ，frag 函 数 没 有 任何 输入 。 它 的 输出 是 一 个 fixed4 类 型 的 变量 ， 
并 且 使 用 了 SV_Target 语义 进行 限定 。SV_Target 也 是 HLSL 中 的 一 个 系统 语 
义 ， 它 等 同 于 告诉 泻 染 器 ， 把 用 户 的 输出 颜色 存储 到 一 个 泻 染 目标 (render 
target) 中 ， 这 里 将 输出 到 默认 的 帧 缓存 中 。 片 元 着 色 器 中 的 代码 很 简单 ， 返 
回 了 一 个 表示 日 色 的 fixed4 类 型 的 变量 。 片 元 着 色 器 输出 的 颜色 的 每 个 分 量 
冰 围 在 [0, 1]， 其 中 (0, 0, 0) 表 示 黑 色 ， 而 (1 1, 1) 表 示 日 色 。 


至 此 ， 我 们 已 经 对 第 一 个 顶点 / 片 元 着 色 需 进行 了 详细 的 解释 。 但 是 ， 现 
在 得 到 的 效果 实在 是 太 简单 了 ， 如 何 丰 语 它 呢 ? 下 面 我 们 将 一 步 步 为 它 添加 
更 多 的 内 容 ， 以 得 到 一 个 更 加 具有 实践 意义 的 顶点 / 片 元 着 色 器 。 

5.2.2 ”模型 数据 从 哪里 来 


在 上 面 的 例子 中 ， 在 顶点 着 色 右 中 我 们 使 用 POSITION 语义 得 到 了 模型 
的 顶点 位 置 。 那 么 ， 如 采 我 们 想 要 得 到 更 多 模型 数据 怎么 办 呢 ? 


现在 ， 我 们 想 要 得 到 模型 上 每 个 顶点 的 纹理 坐标 和 法 线 方向 。 这 个 需求 
是 很 常见 的 ， 我 们 需要 使 用 纹理 坐标 来 访问 纹理 ， 而 法 线 可 用 于 计算 光照 。 


因此 ， 我 们 需要 为 顶点 着 色 器 定义 一 个 新 的 输入 参数 ， 这 个 参数 不 再 是 一 个 
简单 的 数据 类 型 ， 而 是 一 个 结构 体 。 修 改 后 的 代码 如 下 : 


Shader "Unity Shaders Book/Chapter 5/Simple Shader" { 
SubShader { 
Pass { 
CGPROGRAM 


#pragma vertex vert 
#pragma fragment frag 


// 使 用 一 个 结构 体 来 定义 顶点 着 色 器 的 输入 

struct a2v { 
// POSITION 语义 告诉 Unity， 用 模型 空间 的 顶点 坐标 填充 vertex 变 量 
float4 vertex : POSITION ， 
// NORMAL 语 义 告 诉 Unity， 用 模型 空间 的 法 线 方向 填充 normal 变 量 
float3 normal : NORMAL; 
// TEXCOORD9 语 义 告诉 Unity， 用 模型 的 第 一 套 纹理 坐标 填充 texcoord 变 量 
float4 texcoord : TEXCOORDO; 


}; 


float4 vert(a2v v) : SV_POSITION { 
// 使 用 v.vertex 来 访问 模型 空间 的 顶点 坐标 
return mul (UNITY_MATRIX_MVP, v.vertex); 


} 


fixed4 frag() : SV_Target { 
return fixed4(1.0, 1.0, 1.0, 1.0); 


} 


ENDCG 


在 上 面 的 代码 中 ， 我 们 声明 了 一 个 新 的 结构 体 a2v， 它 包含 了 顶点 着 色 怖 
需要 的 模型 数据 。 在 a2v 的 定义 中 ， 我 们 用 到 了 更 多 Unity 文 持 的 语义 ， 如 
NORMAL 和 TEXCOORD0 ， 当 它们 作为 项 点 着 色 器 的 输入 时 都 是 有 特定 售 义 
的 ， 因 为 Unity 会 根据 这 些 语义 来 填充 这 个 结构 体 。 对 于 顶点 着 色 器 的 输入 ， 
Unity 支 持 的 语义 有 : POSITION TANGENT， NORMAL，, TEXCOORD0 ， 
TEXCOORD1 ，TEXCOORD2 ，TEXCOORD3 ，COLOR 等 。 


为 了 创建 一 个 自 定 义 的 结构 体 ， 我 们 必须 使 用 如 下 格式 来 定义 它 : 


struct StructName { 


Type Name : Semantic,; 
Type Name : Semantic,; 


其 中 ， 语 义 是 不 可 以 被 省 略 的 。 在 5.4 节 中 ， 我 们 将 给 出 这 些 语义 的 含义 
和 用 法 。 


然后 ， 我 们 修改 了 vert 函 数 的 输入 参数 类 型 ， 把 它 设置 为 我 们 新 定义 的 
结构 体 a2v。 通 过 这 种 目 定 义 结构 体 的 方式 ， 我 们 就 可 以 在 顶点 着 色 妖 中 访问 
模型 数据 。 


读者 : a2v 的 名 字 是 什么 意思 呢 ? 


我 们 : a 表示 应 用 (application) ，v 表 示 顶 点 着 色 器 (vertex shader) ， 
a2v 的 意思 就 是 把 数据 从 应 用 阶段 传递 到 顶点 着 色 器 中 。 


那么 ， 填 充 到 POSITION ，TANGENT ，NORMAL 这 些 语义 中 的 数据 究竟 
是 从 哪里 来 的 呢 ? 在 Unity 中 ， 它 们 是 由 使 用 该 材质 的 Mesh Render 组 件 提供 
的 。 在 每 帧 调用 Draw Call 的 时 候 ，Mesh Render 组 件 会 把 它 负 责 演 染 的 模型 
数据 发 送 给 Unity Shader。 我 们 知道 ， 一 个 模型 通常 包含 了 一 组 三 角 面 片 ， 每 
个 三 角 面 片 由 3 个 顶点 构成 ， 而 每 个 顶点 又 包含 了 一 些 数 据 ， 例 如 顶点 位 置 、 
法 线 、 切 线 、 纹 理 坐 标 、 顶 点 颜色 等 。 通 过 上 面 的 方法 ， 我 们 就 可 以 在 顶点 
着 色 器 中 访问 顶点 的 这 些 模 型 数据 。 


5.2.3 ”顶点 着 色 器 和 片 元 着 色 器 之 间 如 何 通信 

在 实践 中 ， 我 们 往往 希望 从 顶点 着 色 器 输出 一 些 数 据 ， 例 如 把 模型 的 法 
本 、 0 。 这 就 涉及 顶点 着 色 器 和 片 元 着 色 器 之 间 
A 通信 可 


为 此 ， 我 们 需要 再 定义 一 个 新 的 结构 体 。 修 改 后 的 代码 如 下 : 


Shader "Unity Shaders Book/Chapter 5/Simple Shader" { 
SubShader { 
Pass 
CGPROGRAM 


#pragma vertex vert 
#pragma fragment frag 


struct a2v { 


float4 vertex : POSITION ， 
float3 normal : NORMAL ， 
float4 texcoord : TEXCOORDO; 


}; 


// 使 用 一 个 结构 体 来 定义 顶点 着 色 器 的 输出 
struct v2f { 
// SV_POSITION 语 义 告诉 Unity，pos 里 包含 了 顶点 在 裁剪 空间 
float4 pos : SV_POSITION; 
// COLOR9 语 义 可 以 用 于 存储 颜色 信息 
fixed3 color : COLORO,; 


vert(a2v v) : SV_POSITION { 

// 声明 输出 结构 

v2f 0 

0,pos = mul(UNITY_ MATRIX_MVP, Vv.vertex); 

// v,normal 包 含 了 顶点 的 法 线 方向 ， 其 分 量 范围 在 [-1.0，1.,0] 
// 下 面 的 代码 把 分 量 范 围 映 射 到 了 [0.0，1.09] 

// 存储 到 o .coLor 中 传递 给 片 元 着 色 器 

oO.color = Vv.normal * 0.5 + fixed3(0.5, 0.5, 0.5); 
return o; 


} 


fixed4 frag(v2f i) : SV_Target { 


// 将 插值 后 的 i. coLor 显 示 到 屏幕 上 
return fixed4(i.color, 1.0); 


} 


ENDCG 


在 上 面 的 代码 中 ， 我 们 声明 了 一 个 新 的 结构 体 v2f。v2f 用 于 在 顶点 着 色 
器 和 片 元 着 色 器 之 间 传 递 信息 。 同 样 的 ，v2f 中 也 需要 指定 每 个 变量 的 语义 。 
在 本 例 中 ， 我 们 使 用 了 SV_POSITION 和 COLORO0O 语义 。 顶 点 着 色 器 的 输出 结 
构 中 ， 必 须 包 含 一 个 变量 ， 它 的 语义 是 SV_POSITION 。 否 则 ， 演 染 器 将 无 法 
得 到 裁剪 空间 中 的 顶点 坐标 ， 也 就 无 法 把 顶点 泻 染 到 屏幕 上 。COLORO0 语义 
中 的 数据 则 可 以 由 用 户 自行 定义 ， 但 一 般 都 是 存储 颜色 ， 例 如 逐 顶 点 的 漫 反 
射 颜色 或 逐 顶 点 的 高 光 反 射 颜色 。 类 似 的 语义 还 有 COLORI 等 ， 具 体 可 以 详 
见 5.4 节 。 


至 此 ， 我 们 就 完成 了 顶点 着 色 器 和 片 元 着 色 器 之 间 的 通信 。 需 要 注意 的 


征 ， 顶 点 着 色 融 是 逐 顶 点 调用 的 ， 而 片 元 着色 需 生 逐 片 元 调用 的 。 片 元 着 色 
妖 中 的 输入 实际 上 古 把 顶点 着 色 器 的 输出 进行 插值 后 得 到 的 结果 。 


5.2.4 ”如 何 使 用 属性 


在 3.1.1 节 中 ， 我 们 就 提 到 了 材质 和 Unity Shader 之 间 的 紧密 联系 。 材 质 提 
供给 我 们 一 个 可 以 方便 地 调和 Unity Shader 中 参数 的 方式 ， 通 过 这 些 参数 ， 我 
们 可 以 随时 调整 材质 的 效果 。 而 这 些 参数 就 需要 写 在 Properties 语 义 块 中 。 


现在 ， 我 们 有 了 新 的 需求 。 我 们 想 要 在 材质 面板 显示 一 个 颜色 拾取 器 ， 
从 而 可 以 直接 控制 模型 在 屏幕 上 显示 的 颜色 。 为 此 ， 我 们 继续 修改 上 面 的 代 
码 。 


Shader "Unity Shaders Book/Chapter 5/Simple Shader" { 
Properties { 

// 声明 一 个 color 类 型 的 属性 

_Color ("Color Tint", Color) = (1.0,1.0,1.0,1.0) 


2 


} 
SubShader { 
Pass { 
CGPROGRAM 


#pragma vertex vert 
#pragma fragment frag 


// 在 Cg 代码 中 ， 我 们 需要 定义 一 个 与 属性 名 称 和 类 型 都 匹配 的 变量 
fixed4 _Color; 


struct a2v { 
float4 vertex : POSITION; 
float3 normal : NORMAL; 
float4 texcoord : TEXCOORDO; 


}; 


struct v2f { 
float4 pos : SV_POSITION; 
fixed3 color : COLORO,; 


}; 
v2f vert(a2v v) : SV_POSITION { 
v2f 0o; 
0.pos = mul(UNITY_ MATRIX_MVP, Vv.vertex); 
oO.color = Vv.normal * 0.5 + fixed3(0.5, 0.5, 0.5); 
return o; 
} 


fixed4 frag(v2f i) : SV_Target { 
fixed3 c = i.color; 
// 使 用 _color 属 性 来 控制 输出 颜色 
Cc *= _Color.rgb; 
return fixed4(c, 1.0); 


ENDCG 


在 上 面 的 代码 中 ， 我 们 首先 添加 了 Properties 语义 块 中 ， 并 在 其 中 声明 了 
一 个 属性 _Color， 它 的 类 型 是 Color， 初 始 值 是 (1.0,1.0,1.0,1.0)， 对 应 白色。 为 
了 在 Cg 代码 中 可 以 访问 它 ， 我 们 还 需要 在 Cg 代码 片段 中 提前 定义 一 个 新 的 变 
量 ， 这 个 变量 的 名 称 和 类 型 必须 与 Properties 语义 块 中 的 属性 定义 相 匹 配 。 


ShaderLab 中 属性 的 类 型 和 Cg 中 变量 的 类 型 之 间 的 匹配 关系 如 表 5.1 所 


表 5.1 ShaderLab 属 性 类 型 和 Cg 变量 类 型 的 匹配 关系 


ShaderLab 属 性 类 型 Cg 变量 类 型 


有 了 时， 读者 可 能 会 发 现在 Cg 变量 前 会 有 一 个 uniform 关 键 子 ， 例 如 : 


uniform fixed4 _Color; 


uniform 关 键 词 是 Cg 中 修饰 变量 和 参数 的 一 种 修饰 词 ， 它 仅仅 用 于 提供 一 
些 关 于 该 变量 的 初始 值 是 如 何 指定 和 存储 的 相关 信息 (这 和 其 他 一 些 图 像 编 


程 接口 中 的 uniform 关 键 词 的 作用 不 太一 样 ) 。 在 Unity Shader 中 ，uniform 关 
键 词 是 可 以 省 略 的 。 


5.3 ”强大 的 援手 :Unity 提 供 的 内 置 文件 和 变量 


上 一 方 讲述 了 如 何在 Unity 中 编写 一 个 基本 的 顶 护 / 片 元 着 色 右 的 
过 程 。 顶 后 / 片 元 着 色 的 复杂 之 处 在 于 ， 很 多 事情 部 需要 我 们 “ 亲 力 杀 
为 ”， 例 如 我 们 需要 目 己 转换 法 线 方向 ， 目 己 处 理光 照 、 阴 影 等 。 为 了 
方便 开发 者 的 编码 过 程 ，Unity 提 供 了 很 多 内 置 文件 ， 这 些 文件 包含 了 
很 多 提前 定义 的 函数 、 变 量 和 宏 等 。 如 采 读 者 在 学 习 他 人 编写 的 Unity 
Shader 代 码 时 ， 遇 到 了 一 些 从 未 见 过 的 变量 、 函 数 ， 而 又 无 法 找到 对 
应 的 声明 和 定义 ， 那 么 很 有 可 能 束 是 这 些 代码 使 用 了 Unity 内 置 文件 提 
供 的 函数 和 变量 。 


本 节 将 给 出 这 些 文件 和 变量 的 概览 。 
5.3.1 内置 的 包含 文件 

包含 文件 (include file) ， 是 类 似 于 C++ 中 头 文件 的 一 种 文件 。 
在 Unity 中 ， 它 们 的 文件 后 缀 是 .cginc。 在 编写 Shader 时 ， 我 们 可 以 使 用 


#include 指 令 把 这 些 文件 包含 进来 ， 这 样 我 们 就 可 以 使 用 Unity 为 我 们 
提供 的 一 些 非常 有 用 的 变量 和 帮助 画 数 。 例 如 : 


CGPROGRAM 
// ... 
#include "UnityCG.cginc" 


那么 ， 这 些 文件 在 哪里 呢 ? 我 们 可 以 在 官方 网 站 
(http://unity3d.com/cn/get-unity/download/ archive ) 上 选择 下 哉 -> 扩 
种 者 色 静 来 直接 下 载 这 些 文件 ， 图 5.3 显 示 了 由 官网 压缩 包 得 到 的 文 
全 


(WN builtin_shaders-4.5.0 | Iam Concludes  ] 1 AutoLight.cginc 


(WM builtin_shaders-4.6.5 1 (WM DefaultResources ! - HLSLSupport.cginc 

(WM builtin_shaders-5.0.1f1 ' [WW DefaultResourcesExtra i Lighting.cginc 

Ol builtin_shaders-5.1.0f3 呈 Editor SpeedTree...mon.Ccginc 

辐 builtin_shaders-5.2.1f1 | 1 SpeedTree...mon.cginc 
和 图 5.3 Unity 的 内 置 着 色 器 


从 图 5.3 中 可 以 看 出 ， 从 官网 下 载 的 文件 中 包含 了 多 个 文件 夹 。 其 
中 ，CGIncludes 文 件 夹 中 包含 了 所 有 的 内 置 包 含 文件 ; 
DefaultResources 文 件 夹 中 包含 了 一 些 内 置 组 件 或 功能 所 需要 的 Unity 
Shader， 例 如 一 些 GUI 元 素 使 用 的 Shader; DefaultResourcesExtra 则 包 
含 了 所 有 Unity 中 内 置 的 Unity Shader; Editor 文 件 夹 目前 只 包含 了 一 个 
脚本 文件 ， 它 用 于 定义 Unity 5 引入 的 Standard Shader 〈 详 见 第 18 章 ) 
所 用 的 材质 面板 。 这 些 文件 都 是 非常 好 的 参考 资料 ， 在 我 们 想 要 学 习 
内 置 着 色 妖 的 实现 或 是 寻找 内 置 贸 数 的 实现 时 ， 都 可 以 在 这 里 找到 内 
部 实现 。 但 在 本 节 中 ， 我 们 只 关注 CGIncludes 文 件 夹 下 的 相关 文件 。 


我 们 也 可 以 从 Unity 的 应 用 程序 中 直接 找到 CGIncludes 文 件 夹 。 在 
Mac 上 ， 它 们 的 位 置 
是 : /Applications/Unity/Unity.app/Contents/CGIncludes; 在 Windows 
上 上 ， 它 们 的 位 置 是 Unity 的 安装 路 径 /Data/CGIncludes。 


表 5.2 给 出 了 CGIncludes 中 主要 的 包含 文件 以 及 它们 的 主要 用 处。 
表 5.2 ”Unity 中 一 些 常 用 的 包含 文件 


文件 名 


UnityCG.cginc 的 帮助 画 数 、 宏 和 结构 体 等 


UnityShaderVariables.cginc 在 编译 Unity Shader 时 ， 会 被 目 动 包 含 进 来 。 包 含 了 许 
了 cgmc | 多 内 置 的 全 局 变量 ， 如 UNITY_MATRIX_MVP 等 


i 包含 了 各 种 内 置 的 光照 模型 ， 如 果 编 写 的 是 Surface 
8 Shader 的 话 ， 会 自动 包含 进来 


在 编译 Unity Shader 时 ， 会 被 自动 包含 进来 。 声 明了 很 
多 用 于 跨 平 台 编译 的 宏和 定义 


HLSLSupport.cginc 


可 以 看 出 ， 有 一 些 文 件 是 即便 我 们 没有 使 用 龙 nclude 指令 ， 它 们 
也 是 会 被 自动 包含 进来 的 ， 例 如 UnityShaderVariables.cginc。 因 此， 在 
前 面 的 例子 中 ， 我 们 可 以 直接 使 用 UNITY_MATRIX_MVP 变 量 来 进行 
顶点 变换 。 除 了 表 5.2 中 列 出 的 包含 文件 外 ，Unity 5 引入 了 许多 新 的 重 
要 的 包 仿 文件， 如 UnityStandardBRDF.cginc、UnityStandardCore.cginc 
人 
遇 到 它们 。 


UnityCG.cginc 是 我 们 最 常 接触 的 一 个 包含 文件 。 在 后 面 的 学 习 
中 ， 我 们 将 使 用 很 多 该 文件 提供 的 结构 体 和 函数 ， 为 我 们 的 编写 提供 
方便 。 例 如 ， 我 们 可 以 直接 使 用 UnityCG.cginc 中 预定 义 的 结构 体 作 为 
项 点 着 色 器 的 输入 和 输出 。 表 5.3 给 出 了 一 些 结构 体 的 名 称 和 包含 的 变 
量 。 


表 5.3 UnityCG.cginc 中 一 些 常用 的 结构 体 
人 顶点 位 置 、 顶 点 法 线 、 第 一 组 给 


于 顶点 着 色 器 “| 顶点 位 置 、 顶 点 切线 、 顶 点 法 线 、 第 一 组 
appdata_tan 的 输入 E 标 
jara full | 可 用 于 顶点 着 色 句 | 顶点 位 置 、 顶 点 切线 、 顶 点 法 线 、 四 组 
appCaa u | 的 输入 多 ) 纹理 坐标 


可 用 
appdata_img 的 输 


于 顶点 着 色 器 
输出 


裁剪 空间 中 的 位 置 、 


强烈 建议 读者 找到 UnityCG.cginc 文 件 并 查看 上 述 结构 体 的 声明 ， 
这 样 的 过 程 可 以 帮助 我 们 快速 理解 Unity 中 一 些 内 置 变量 的 工作 原理 。 


除了 结构 体外 ，UnityCG.cginc 也 提供 了 一 些 常 用 的 帮助 画 数 。 表 
给 出 了 一 些 画 数 名 和 它们 的 描述 。 


表 5.4 ”UnityCG.cginc 中 一 些 常用 的 帮助 画 数 


float3 WorldSpaceViewDir 输入 一 个 模型 空间 中 的 顶点 位 置 ， 返 
(float4 v) 从 该 点 到 摄像 机 的 观察 方 向 


float3 ObjSpaceViewDir 输入 一 个 模型 空间 中 的 顶点 位 置 ， 返 回 模型 空间 中 
(float4 v) 从 该 点 到 摄像 机 的 观察 方向 


仅 可 用 于 前 向 泻 染 中 。 输 入 一 个 模型 空间 中 的 顶点 
位 置 ， 返 回 世 界 空间 中 从 该 点 到 光源 的 光照 方 稀 。 
没有 被 归 一 化 


float3 WorldSpaceLightDir 
(float4 V) 


ce 仅 可 用 于 前 向 党 染 中 。 输 入 一 个 模型 空间 中 的 顶点 
float3 ObjSpaceLightDir 。 | 位置 ， 返 回 模型 空间 中 从 该 点 到 光源 的 光照 方向 。 
0 没有 被 归 一 化 


float3 
UnityObjectToWorldNormal “| 把 法 线 方向 从 模型 空间 转换 到 
(float3 norm) 


float3 UnityObjectToWorldDir 把 方向 矢量 从 模型 空间 变换 到 世界 空间 中 
(float3 dir) Ss 


UnityWorldToObjectDir(float3 | 把 方向 矢量 从 世界 空间 变换 到 模型 空间 中 


我 们 建议 读者 在 UnityCG.cginc 文 件 找到 这 些 函 数 的 定义 ， 并 壬 试 
理解 它们 。 一 些 函 数 我 们 完全 可 以 目 己 实现 ， 
UnityObjectToWorldDir 和 UnityWorldToObjectDir， 这 两 个 函数 实际 上 
就 是 对 方 癌 矢量 进行 了 一 次 坐标 空间 变换 。 而 UnityCG.cginc 文 件 可 以 
帮助 我 们 提高 代码 的 复 用 率 。UnityCG.cginc 还 包含 了 很 多 宏 ， 在 后 面 
的 学 习 中 ， 我 们 束 会 遇 到 它们 。 


5.3.2 ”内 置 的 变量 


我 们 在 4.8 廊 给 出 了 一 些 用 于 坐标 变换 和 摄像 机 参数 的 内 置 变 量 。 
除 此 之 外 ， Unity 还 提供 了 用 于 访问 时 间 、 光 照 、 筋 效 和 环境 光 等 目的 
的 变量 。 这 些 内 置 变量 大 多 位 于 UnityShader Variables.cginc 中 ， 与 光照 
有 关 的 内 cginc、AutoLight.cginc 等 文件 中 。 当 
我 们 在 后 面 的 学 习 中 明 到 这 些 变量 时 ， 再 进行 详细 的 讲解 。 


5.4 ”Unity 提 供 的 Cg/HLSL 语 义 


读者 在 平时 的 Shader 学 习 中 可 能 经 常 看 到 ， 在 顶点 着 色 器 和 片 元 
着 色 器 的 输入 输出 变量 后 还 有 一 个 冒号 以 及 一 个 全 部 大 写 的 名 称 ， 例 
如 在 5.2 节 看 到 的 SV_POSITION 、POSITION 、COLOR 0。 这 些 大 写 的 
名 字 是 什么 意思 呢 ? 它们 有 什么 用 呢 ? 


5.4.1 什么 是 语义 


实际 上 ， 这 些 是 Cg/HLSL 提 供 的 语义 《semantics) 。 如 果 读 者 
从 前 接触 过 Cg/HLSL 编 程 的 话 ， 可 能 对 这 些 语义 很 熟悉 。 读 者 可 以 在 
微软 的 关于 DirectX 的 文档 (https://msdn.microsoft.com/ en- 
us/library/windows/desktop/bb509647(v=vs.85).aspx#VS .aspx#VS)) 中 
找到 关于 语义 的 详细 说 明 页 面 。 根 据 文档 我 们 可 以 知道 ， 语 义 实 际 上 
就 是 一 个 赋 给 Shader 输 入 和 输出 的 字符 串 ， 这 个 字符 串 表 达 了 这 个 参 
数 的 含义 。 通 俗 地 讲 ， 这 些 语 义 可 以 让 Shader 知 道 从 哪里 读 取 数据 ， 
并 把 数据 输出 到 哪里 ， 它 们 在 Cg/HLSL 的 Shader 流 水 线 中 是 不 可 或 缺 
的 。 需 要 注意 的 是 ，Unity 并 没有 文 持 所 有 的 语义 。 


通常 情况 下 ， 这 些 输入 输出 变量 并 不 需要 有 特别 的 意义 ， 也 就 是 
说 ， 我 们 可 以 目 行 决定 这 些 变量 的 用 途 。 例 如 在 上 面 的 代码 中 ， 顶 点 
着 色 恬 的 输出 结构 体 中 我 们 用 COLOR 0 语义 去 描述 color 变 量 。color 变 
量 本 身 存 储 了 什么 ，Shader 流 水 线 并 不 关心 。 


而 Unity 为 了 方便 对 模型 数据 的 传输 ， 对 一 些 语义 进行 了 特别 的 含 
义 规 定 。 例 如 ， 在 顶点 着 色 器 的 输入 结构 体 a2v 用 TEXCOORD 0 来 描述 
texcoord，Unity 会 识别 TEXCOORD 0 语义 ， 以 把 模型 的 第 一 组 纹理 从 
标 填充 到 texcoord 中 。 需 要 注意 的 是 ， 即 便 语 义 的 名 称 一 样 ， 如 果 出 现 
的 位 置 不 同 ， 含 义 也 不 同 。 例 如 ，TEXCOORD 0 既 可 以 用 于 描述 顶点 
着 色 器 的 输入 结构 体 a2v， 也 可 用 于 描述 输出 结构 体 v2v。 但 在 输入 结 
构 体 a2f 中 ，TEXCOORD 0 有 特别 的 含义 ， 即 把 模型 的 第 一 组 纹理 坐标 
存储 在 该 变量 中 ， 而 在 输出 结构 体 v2f 中 ，TEXCOORD 0 修饰 的 变量 含 
义 就 可 以 由 我 们 来 决定 。 


在 DirectX 10 以 后 ， 有 了 一 种 新 的 语义 类 型 ， 就 是 系统 数值 语义 

(system-value semantics) 。 这 类 语义 是 以 SV 开头 的 ，SV 代 表 的 含 
义 就 是 系统 数值 (system-value) 。 这 些 语义 在 泻 染 流水 线 中 有 特殊 
的 含义 。 例 如 在 上 面 的 代码 中 ， 我 们 使 用 SV_POSITION 语义 去 修饰 顶 
点 着 色 锅 的 输出 变量 pos， 那 么 天 表示 pos 包 含 了 可 用 于 光栅 化 的 变换 
后 的 顶点 坐标 〈 即 齐 次 裁剪 空间 中 的 坐标 ) 。 用 这 些 语义 描述 的 变量 
是 不 可 以 随便 赋值 的 ， 因 为 流水 线 需 要 使 用 它们 来 完成 特定 的 目的 ， 
例如 渲染 引擎 会 把 用 SV_POSITION 修饰 的 变量 经 过 光栅 化 后 显示 在 屏 
幕 上 。 读 者 有 时 可 能 会 看 到 同一 个 变量 在 不 同 的 Shader 里 面 使 用 了 不 
同 的 语义 修饰 。 例 如 ， 一 些 Shader 会 使 用 POSITION 而 非 SV_POSITION 
来 修饰 顶点 着 色 器 的 输出 。SV_POSITION 是 DirectX 10 中 引入 的 系统 
数值 语义 ， 在 绝 大 多 数 平台 上 ， 它 和 POSITION 语义 是 等 价 的 ， 但 在 
某 些 平台 (例如 索尼 PS4) 上 必须 使 用 SV_POSITION 来 修饰 顶点 着 色 
絮 的 输出 ， 否 则 无 法 让 Shader 下 常 工 作 。 同 样 的 例子 还 有 COLOR 和 
SV_Target。 因 此 ， 为 了 让 我 们 的 Shader 有 更 好 的 跨 平台 性 ， 对 于 这 些 
有 特殊 含义 的 变量 我 们 最 好 使 用 以 SV 开头 的 语义 进行 修饰 。 我 们 在 5.6 
万 中 会 总 结 更 多 这 种 因为 平台 差异 而 造成 的 问题 。 


5.4.2 Unity 支 持 的 语义 
表 5.5 总 结 了 从 应 用 阶段 传递 模型 数据 给 顶点 着 色 器 时 U nity 使 用 的 
常用 语义 。 这 些 语义 虽然 没有 使 用 SV 开 头 ， 但 Unity 内 部 赋予 了 它们 
特殊 的 含义 。 
表 5.5 ”从 应 用 阶段 传递 模型 数据 给 顶点 着 色 器 时 Unity 支 持 的 常用 语义 


POSITION 模型 空间 中 的 顶点 位 置 ， 通 常 是 float4 类 型 


NORMAL 顶点 法 线 ， 通 常 是 float3 类 型 
TANGENT 顶点 切线 ， 通 常 是 float4 类 型 


TEXCOORDn ， 如 、 a 
: 交 顶 点 的 纹理 坐标 = 
TEXCOORD0、 该 顶点 的 纹理 坐标 ，TEXCOORD0 表 示 第 


TEXCOORD1 标 ， 依 此 类 推 。 通 常 是 float2 或 float4 类 型 


顶点 颜色 ， 通 常 是 fixed4 或 float4 类 型 


其 中 TEXCOORDn 中 n 的 数目 是 和 Shader Model 有 关 的 ， 例 如 一 
般 在 Shader Model 2 ( 即 Unity 默 认 编 译 到 的 Shader Model 版 本 ) 和 
Shader Model 3 中 ，n 等 于 8， 而 在 Shader Model 4 和 Shader Model 5 中 ， 
n 等 于 16。 通 常情 况 下 ， 一 个 模型 的 纹理 坐标 组 数 一 般 不 超过 2， 即 我 
们 往往 只 使 用 TEXCOORD0 和 TEXCOORD1。 在 Unity 内 置 的 数据 结构 
体 appdata_full 中 ， 它 最 多 使 用 了 6 个 坐标 纹理 组 。 


表 5.6 总 结 了 从 顶点 着 色 器 阶段 到 片 元 着 色 器 阶段 JUnity 文 持 的 第 用 


语义 。 


表 5.6 ”从 顶点 着 色 器 传递 数据 给 片 元 着 色 器 时 Unity 使 用 的 常用 语义 


| 


裁 瘤 空间 中 的 顶点 坐标 ， 结 构 体 中 必须 包含 一 个 用 该 语义 修饰 了 
V_POSITION | 变量 。 等 同 于 DirectX 9 中 的 POSITION， 但 最 好 使 用 
SV_POSITION 


COLOR0 通 币 用 于 输出 第 一 组 顶点 颜色 ， 但 不 是 必需 的 
COLOR1 通常 用 于 输出 第 二 组 顶点 颜色 ， 但 不 是 必需 的 


TEXCOORD0 


通常 用 于 输出 纹理 坐标 ， 但 不 是 必需 的 
TEXCOORD7 


上 面 的 语义 中 ， 除 了 SV_POSITION 是 有 特别 含义 外 ， 其 他 语义 对 
变量 的 含义 没有 明确 要 求 ， 也 就 是 说 ， 我 们 可 以 存储 任意 值 到 这 些 语 
义 描述 变量 中 。 通 常 ， 如 果 我 们 需要 把 一 些 自 定义 的 数据 从 顶点 着 色 
铬 传递 给 片 元 着 色 器 ， 一 般 选 用 TEXCOORD 0 等 。 


表 5.7 给 出 了 Unity 中 文 持 的 片 元 着 色 器 的 输出 语义 。 


表 5.7 片 元 着 色 器 输出 时 Unity 支 持 的 常用 语义 


输出 值 将 会 存储 到 泻 染 目标 (render target) 中 。 等 同 于 DirectX 9 中 的 
COLOR 语 义 ， 但 最 好 使 用 SV_Target 


5.4.3 ”如 何 定义 复杂 的 变量 类 型 


上 面 提 到 的 语义 绝 大 部 分 用 于 摘 述 标量 或 矢量 类 型 的 变量 ， 例 如 
fixed2、float、float4、fixed4 等 。 下 面 的 代码 给 出 了 一 个 使 用 语义 来 修 
眠 不 同类 型 变量 的 例子 : 


struct v2f { 
float4 pos : SV_POSITION; 
fixed3 colorg : COLORO; 
fixed4 color1 : COLOR1; 


half Value0 : TEXCOORDO; 
float2 value1 : TEXCOORD1; 


关于 何 时 使 用 哪 种 变量 类 型 ， 我 们 会 在 5.7.1 节 给 出 一 些 建议 。 但 
需要 注意 的 是 ， 一 个 语义 可 以 使 用 的 寄存 器 只 能 处 理 4 个 浮 点 值 
(float) 。 因 此 ， 如 果 我 们 想 要 定义 矩阵 类 型 ， 如 float3x4、float4x4 
竺 变量 就 需要 使 用 更 多 的 空间 。 一 种 方法 是 ， 把 这 些 变 量 拆 分 成 多 个 
量 ， 例 如 对 于 float4x4 的 矩阵 类 型 ， 我 们 可 以 拆 分 成 4 个 float4 类 型 的 
量 ， 每 个 变量 存储 了 和 矩阵 中 的 一 行 数据 。 


纶 


x 革 导报 


5.5 ”程序 员 的 烦恼 : Debug 

有 这 样 一 个 笑话 ， 据 说 只 有 程序 员 才能 看 懂 : 
> 问 ， 程序 员 最 讨厌 康 巾 的 哪个 儿子 ? 

> 答 : 向 裸 。 因 为 他 是 八 阿 哥 (谐音; bug) 。 


调试 (debug) ， 大 概 是 所 有 程序 员 的 蛋 梦 。 而 不 幸 的 是 ， 对 一 个 Shader 进 行 调 
试 更 是 罩 梦 中 的 豆 梦 。 这 也 是 造成 shader 难 写 的 原 因 之 一 一 一 如 果 发 现 得 到 的 效果 不 
对 ， 我 们 可 外 gp 要 花 非常 多 的 时 间 来 找到 问题 所 在 。 造 成 这 种 现状 的 原因 就 是 在 Shader 
中 可 以 选择 的 调试 方法 非常 有 限 ， 甚 至 连 简单 的 输出 都 不 行 。 


出 Unity 中 对 Unity Shader 的 调试 方法 ， 这 主要 包含 了 两 种 方法 。 
5.5.1 使 用 假 彩色 图 像 


假 彩色 图 像 (false-color image) 指 的 是 用 假 彩 色 技 术 生 成 的 一 种 图 像 。 与 假 彩 
色 图 像 对 应 的 是 照片 这 种 真 彩 色 图 像 ” (true-color image) 。 一 张 假 彩色 图 像 可 以 用 
于 可 视 化 一 些 数据 ， 那 么 如 何 用 它 来 对 Shader 进 行 调试 呢 ? 


主要 思想 是 ， 我 们 可 以 把 需要 调试 的 变量 映射 到 [0， 1] 之 间 ， 把 它们 作为 颜色 输出 
到 屏幕 上 ， 然 后 通过 屏幕 上 显示 的 像素 颜色 来 判断 这 个 值 是 否 正 确 。 读 者 心里 可 能 已 
经 在 哆 啼 ; “什么 ? ! 这 方法 也 太原 始 了 吧 ! ? 没 错 ， 这 种 方法 得 到 的 调试 信息 很 模 
糊 ， 能 够 得 到 的 信息 很 有 限 ， 但 在 很 长 一 段 时 间 内 ， 这 种 方法 的 确 是 唯一 的 可 选 方 
法 这 


需要 注意 的 是 ， 由 于 颜色 的 分 量 范围 在 [0, 1]， 因 此 我 们 需要 小 心 处 理 需 要 调试 的 
变量 的 范围 。 如 果 我 们 已 知 它 的 值 域 范 围 ， 可 以 先 把 它 映 别 到 [0, 1] 之 间 再 进行 输出 。 
如 果 你 不 知道 一 个 变量 的 范围 (这 往往 说 明 你 对 这 个 Shader 中 的 运算 并 不 了 解 ) ， 
们 就 只 能 不 停 地 实验 。 一 个 提示 是 ， 颜 色 分 量 中 任何 大 于 1 的 数值 将 会 被 设置 为 1， 
任何 小 于 0 的 数值 会 被 设置 为 0。 因 此 ， 我 们 可 以 沦 试 使 用 不 同 的 映射 ， 直 至 到 发 现 关 色 
发 生 了 变化 〈 这 意味 着 得 到 了 0 一 1 的 值 ) 。 

如 采 我 们 要 调 弃 的 数据 是 一 个 一 维 数据 ， 那 么 可 以 选择 一 个 单独 的 颜色 分 量 (如 
R 分 量 ) 进行 输出 ， 而 把 其 他 颜色 分 量 置 为 0。 如 果 是 多 维 数据 ， 可 以 选择 对 它 的 每 一 
个 分 量 单独 调试 ， 或 者 选择 多 个 颜色 分 量 进行 输出 。 


作为 实例 ， 下 面 我 们 会 使 用 假 彩色 图 像 的 方式 来 可 视 化 一 些 模 型 数据 ， 如 法 线 、 
切线 、 纹 理 坐 标 、 顶 点 颜色 ， 以 及 它们 之 间 的 运算 结果 等 。 我 们 使 用 的 代码 如 下 : 


Shader "Unity Shaders Book/Chapter 5/False Color" { 
SubShader { 


员 | 


本 节 旨 在 给 


DE 


Pass { 
CGPROGRAM 


#pragma vertex vert 
#pragma fragment frag 


#include "UnityCG.cginc" 


struct v2f 区 
float4 pos : SV_POSITION; 
fixed4 color : COLORO; 

}; 


v2f vert(appdata full v) { 
v2f 0o; 
0,.pos = mul(UNITY_ MATRIX_ MVP, Vv.vertex); 


// 可 视 化 法 线 方向 
oOo.color = fixed4(v.normal * 0.5 + fixed3(0.5, 0.5, 0.5), 1.0); 


// 可 视 化 切线 方向 
0.Ccolor = fixed4(v.tangent.xyz * 0.5 + fixed3(0.5，0.,5，0.5)，1.0)| 


// 可 视 化 副 切 线 方向 
fixed3 binormal = cross(v.normal, v.tangent.xyz) * v.tangent.w; 
oOo.color = fixed4(binormal * 0.5 + fixed3(0.5, 0.5, 0.5), 1.0); 


// 可 视 化 第 一 组 纹理 坐标 
oOo.color = fixed4(v.texcoord.xy, 0.0, 1.0); 


// 可 视 化 第 二 组 纹理 坐标 
oOo.color = fixed4(v.texcoordi.xy, 0.0, 1.0); 


// 可 视 化 第 一 组 纹理 坐标 的 小 数 部 分 

o.color = frac(v,texcoord ) 

if (any(saturate(v.texcoord) - v.texcoord)) { 
oO0.color.b = 0.5; 

} 


oOo.color.a = 1.0; 


Tt 


// 可 视 化 第 二 组 纹理 坐标 的 小 数 部 分 

o.color = frac(v.texcoord1); 

if (any(saturate(v.texcoord1) - v.texcoord1)) { 
oO.color.b = 0.5; 

} 


oOo.color.a = 1.0; 


// 可 视 化 顶点 颜色 
//0.color = Vv.color; 


return o; 


} 


fixed4 frag(v2f i) : SV_Target { 
return i.color; 


} 


ENDCG 


在 上 面 的 代码 中 ， 我 们 使 用 了 Unity 内 置 的 一 个 结构 体 
过 该 结构 体 的 构成 。 我 们 可 以 在 UnityCG.cginc 里 找到 它 的 定义 : 


5.3 方 讲 


struct appdata _ full { 
float4 vertex : 
float4 tangent 
float3 normal : 
float4 texcoord : 
float4 texcoord1 : 
float4 
float4 


texcoord2 
texcoord3 : 


POSITION; 
: TANGENT; 
NORMAL ; 


TEXCOORDO; 
TEXCOORD1; 


: TEXCOORD2,; 


TEXCOORD3; 


defined (SHADER_API_XBOX360) 


half4 texcoord4 : 

half4 texcoord5 
#endif 

fixed4 color 


了 


可 以 看 出 ， 
我 们 把 计算 得 到 的 


TEXCOORD4; 


: TEXCOORDS; 


: COLOR ， 


appdata_full 儿 乎 包含 了 所 有 的 模型 数据 
点 着 色 器 的 输出 结构 体 


段 彩色 存储 到 了 项 ， 


量 里 ， 并 


以 先 目 己 想 一 想 代码 和 


为 了 可 以 得 到 某 , 
点 的 RGBA 值 ， 
样 


5.5 所 示 。 


且 在 片 元 着 色 器 中 输出 了 这 个 
释 ， 观 察 不 同 运 滤 和 数据 得 到 的 效果 。 图 5.4 给 
这 些 效果 之 间 的 对 应 关系 ， 然 后 再 在 Unity 中 进行 验证 。 


用 类 似 颜 色 拾 取 器 的 脚本 得 到 
之 工程 中 ， 


局 
从 而 推断 出 该 , 
一 个 简单 的 实例 脚本 : Assets -> Scripts -> Chapter 5 -> ColorPicker.cs 。 把 
归 到 一 个 摄像 机 上 ， 单 击 运 行 后 ， 可 以 用 鼠标 单 击 


颜色 。 读 者 可 以 对 


O 


其 中 的 代码 添加 或 取消 


appdata_full。 我 们 在 


V2f 中 的 color 变 
注 


出 了 这 些 代 码 得 到 的 显示 效果 。 读 者 可 


的 颜色 值 ， 我 们 可 以 使 
点 的 调试 信息 。 


在 


PF 书 的 附 


异 幕 ， 


以 得 到 该 


异 幕 上 某 
读者 可 以 找到 这 
该 脚本 拖 


扩 的 颜色 值 ， 如 图 


A 图 5.4 用 假 彩 色 对 Unity Shader 进 行 调试 


4 图 5.5 ”使 用 颜色 拾取 器 来 查看 调试 信息 


5.5.2 ”利用 神器 : Visual Studio 


本 闻 是 Windows 用 户 的 福音 ，Mac 用 户 的 异 耗 。Visual Studio 作 为 Windows 系 统 
的 开发 利器 ， 在 Visual Studio 2012 版 本 中 也 提供 了 对 Unity Shader 的 调试 功能 
Graphics Debugger 。 


通过 Graphics Debugger， 我 们 不 仅 可 以 查看 每 个 像素 的 最 终 颜 色 、 位 置 等 信息 ， 
还 可 以 对 顶点 着 色 器 和 片 元 着 色 器 进行 单 步调 试 。 具 体 的 安装 和 使 用 方法 可 以 参见 


Unity 官 网 文档 中 使 用 Visual Studio 对 DirectX 11 的 Shader 进行 调试 一 文 
(http://docs.unity3d.com/Manual/SL-Debugging D3D11ShadersWithVS.html ) 。 


当然 ， 本 方法 也 有 一 些 限制 。 例 如 ， 我 们 需要 保证 Unity 运 行 在 DirectX 11 平 台 
上 ， 而 且 Graphics Debugger 本 身 存在 一 些 bug。 但 这 无 法 阻止 我 们 对 它 的 喜爱 之 情 ! 
而 Mac 用 户 可 能 就 只 能 无 奈 地 眼 饮 了 。 


5.5.3 “最 新 利器 : 帧 调试 器 


尽管 Mac 用 户 无 法 体验 Visual Studio 的 强大 功能 ， 但 幸运 的 是 ，Unity 5 除了 带 来 全 
新 的 UI 系统 外 ， 还 给 我 们 带 来 了 一 个 新 的 针对 泻 染 的 调试 器 帧 调试 器 (Frame 
Debugger) 。 与 其 他 调试 工具 的 复杂 性 相 比 ，Unity 原 生 的 帧 调试 器 非常 简单 快捷 。 
我 们 可 以 使 用 它 来 看 到 游戏 图 像 的 某 一 帧 是 如 何 一 步 步 演 染 出 来 的 。 


要 使 用 帧 调试 器 ， 我 们 首先 需要 在 Window -> Frame Debugger 中 打开 帧 调试 器 窗 
口 ， 如 图 5.6 所 示 。 


A 图 5.6 ” 帧 调试 器 


帧 调试 器 可 以 用 于 查看 泻 染 该 帧 时 进行 的 各 种 演 染 事件 (event) ， 这 些 事件 包 
含 了 Draw Call 序 列 ， 也 包括 了 类 似 清 衬 帧 缓存 等 操作 。 怖 调试 器 窗 口 大 致 可 分 为 3 个 
部 分 最 上 面 的 区 域 可 以 开启 /关闭 〈 单 击 Enable 按 钮 ) 帧 调试 功能 ， 当 开启 了 帧 调试 
时 ， 通 过 移动 窗口 最 上 方 的 滑动 条 《或 单 击 前 进 和 后 退 按钮 ) ， 我 们 可 以 重 放 这 些 演 
染 事 件 ， 左 侧 的 区 域 显示 了 所 有 事件 的 树 状 图 ， 在 这 个 树 状 图 中 ， 每 个 叶子 节点 就 是 
一 个 事件 ， 而 每 个 父 节点 的 右 侧 显 示 了 该 节点 下 的 事件 数目 。 我 们 可 以 从 事件 的 名 字 
了 解 这 个 事件 的 操作 ， 例 如 以 Draw 开 头 的 事件 通常 就 是 一 个 Draw Call; 当 单 击 了 某 
个 事件 时 ， 在 右 侧 的 窗口 中 就 会 显示 出 该 事件 的 细节 ， 例 如 几何 图 形 的 细节 以 及 使 用 
了 哪个 Shader 等 。 同 时 在 Game 视 图 中 我 们 也 可 以 看 到 它 的 效果 。 如 有 果 该 事件 是 一 个 
Draw Call 并 且 对 应 了 场景 中 的 一 个 GameObject， 那 么 这 个 GameObject 也 会 在 Hierarchy 
视图 中 被 高 亮 显示 出 来 ， 图 5.7 显 示 了 单 击 泻 染 某 个 对 象 的 深度 图 事件 的 结果 。 
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A 图 5.7 单 击 Knot 的 深度 图 泻 染 事件 ， 在 Game 视 图 会 显示 该 事件 的 效果 ， 在 Hierarchy 视 图 中 会 高 亮 显示 Knot 对 


象 ， 在 帧 调试 器 的 右 侧 窗口 会 显示 出 该 事件 的 细节 


EE (RenderTexture) 的 演 染 操作 ， 那 么 这 


如 果 被 选中 的 Draw Call 是 对 一 个 演 染 纹理 


个 演 染 纹理 就 会 显示 在 Game 视 图 中 。 而 且 ， 此 时 右 侧面 板 上 方 的 工具 栏 中 也 会 出 现 


更 多 的 选项 ， 例 如 在 Game 视 图 中 单独 显示 R、 


G、B 和 A 通道 。 


Unity 5 提供 的 帧 调试 器 实际 上 并 没有 实现 一 个 真正 的 帧 拾取 (frame capture) 的 


功能 ， 而 是 仅仅 使 用 停止 泻 染 的 方法 来 查看 泻 


染 事 件 的 结果 。 例 如 ， 如 采 我 们 想 要 查 


看 第 4 个 Draw Call 的 结果 ， 那么 帧 调试 器 就 会 在 第 4 个 Draw Call 调 用 完毕 后 停止 渲染 。 


这 种 方法 虽然 简单 ， 但 得 到 的 信息 也 很 有 限 。 


如 果 读 者 想 要 获取 更 多 的 信息 ， 还 是 需 


要 使 用 外 部 工具 ， 例 如 5.5.2 节 中 的 Visual Studio 插 件 ， 或 者 Intel GPA、RenderDoc、 


NVIDIA NSight、AMD GPU PerfStudio 等 工具 


O 


5.6 小心 : 泻 染 平台 的 差异 


a 
。 绝 大 多 数 情况 下 ，Unity 为 我 们 隐藏 了 这 些 细 下 ， 但 有 些 时 候 我 们 需要 目 己 处 
可 它们 。 本 和 给 出 了 一 些 常见 的 因为 平台 不 同 而 造成 的 差异 。 


5.6.1 演 染 纹理 的 坐标 差异 


在 2.3.4 节 和 4.2.2 节 中 ， 我 们 都 提 到 过 OpenGL 和 DirectX 的 屏幕 空间 坐标 的 差 
异 。 在 水 平方 向 上 ， 两 者 的 数值 变化 方向 是 相同 的 ， 但 在 紧 直 方向 上 ， 两 者 是 相 
反 的 。 在 OpenGL Op ES 也 是 ) 中 ，(0, 0) 点 对 应 了 屏幕 的 左下 角 ， 而 在 
DirectX (Metal 也 ，(0, 0) 点 对 应 了 左上 角 。 图 5.8 可 以 帮助 读者 回忆 它们 之 
间 的 这 种 不 同 。 
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A 图 5.8 OpenGL 和 DirectX 使 用 了 不 同 的 屏幕 空间 坐标 


需要 注意 的 是 ， 我 们 不 仅 可 以 把 演 染 拉 结 果 输 出 到 屏幕 上 ， 还 可 以 输出 到 不 同 
的 渲染 目标 (Render Target) 这 时 ， 我 们 需要 使 用 泻 染 纹理 (Render 
Texture) 来 保存 这 些 泻 染 结果 。 我 们 将 在 第 第 12 章 中 学 习 如 何 实现 这 样 的 目的 。 


大 多 数 情 况 下 ， 这 样 的 差异 并 不 会 对 我 们 造成 任何 影响 。 但 当 我 们 要 使 用 泻 
染 到 纹理 技术 ， 把 屏幕 图 像 泻 染 到 一 张 泻 染 纹理 中 时 ， 如 果 不 采 取 任 何 措施 的 
话 ， 就 会 出 现 纹理 翻转 的 情况 。 幸 运 的 是 ，Unity 在 背后 为 我 们 处 理 了 这 种 翻转 问 
当 在 DirectX 平 台 上 使 用 演 ; 人 Unity 会 为 我 们 翻转 屏幕 图 像 
纹理 ， 以 便 在 不 同 平台 上 达到 一 致 性 


在 一 种 特殊 情况 下 Unity 不 会 为 我 们 进行 这 个 翻转 操作 ， 这 种 情况 就 是 我 们 开 
局 了 抗 锯 齿 (在 Edit -> Project Settings -> Quality -> Anti Aliasing 中 开启 ) 并 在 此 
时 使 用 了 演 染 到 纹理 技术 。 在 这 种 情况 下 ，Unity 首 先 泻 染 得 到 屏幕 图 像 ， 再 由 硬 


件 进 行 抗 锯齿 处 理 后 ， 得 到 一 张 渲染 纹理 来 供 我 们 进行 后 续 处 理 。 此 时 ， 在 
DirectX 平 台 下 ， 我 们 得 到 的 输入 屏幕 图 像 并 不 会 被 Unity 翻 转 ， 也 就 是 说 ， 此 时 
对 屏幕 图 像 的 采样 坐标 是 需要 符合 DirectX 平 台 规 定 的。 如 果 我 们 的 屏幕 特效 只 需 
要 处 理 一 张 泻 染 图 像 ， 我 们 仍然 不 需要 在 意 纹理 的 翻转 问题 ， 这 是 因为 在 我 们 调 
用 Graphics.Blit 函 数 时 ，Unity 已 经 为 我 们 对 屏幕 图 像 的 采样 坐标 进行 了 处 理 ， 我 
们 只 需要 按 正 党 的 采样 过 程 处 理 屏幕 图 像 即 可 。 但 如 果 我 们 需要 同时 处 理 多 张 泻 
染 图 像 “前 提 是 开局 了 抗 锯齿 ) ， 例 如 需要 同时 处 理 屏 幕 图 像 和 法 线 纹理 ， 这 些 
图 像 在 竖 直 方向 的 朝向 就 可 能 是 不 同 的 4 \ 有 在 DirectX 这 样 的 平 合 上 才 有 这 样 的 
问题 ，。 这 种 时 候 ， 我 们 就 需要 自己 在 顶点 着 色 器 中 翻转 某 些 泻 染 纹 理 (例如 深 
人 脚本 传递 过 来 的 纹理 ) 的 纵 坐 标 ， 使 之 都 符合 DirectX 平 台 的 规 
则 。 例 如 : 


#if UNITY_UV_STARTS_AT_TOP 
if (_MainTex_TexelSize.y &; 0) 


UV.y = 1-uv.y; 
#endif 


其 中 ，UNITY_UV_STARTS_AT_TOP 用 于 判断 当前 平台 是 否 是 DirectX 类 型 的 
平台 ， 而 当 在 这 样 的 平台 下 开启 了 抗 锯齿 后 ， 主 纹理 的 纹 素 大 小 在 竖 直 方 和 同上 会 
变 成 负 值 ， 以 方便 我 们 对 主 纹理 进行 正确 的 采样 。 因 此 ， 我 们 可 以 通过 判断 
_MainTex_TexelSize.y 是 否 小 于 0 来 检验 是 否 开 启 了 抗 锯 次 。 如 果 是 ， 我 们 就 需要 
对 除 主 纹理 外 的 其 他 纹理 的 采样 坐标 进行 竖 直 方向 上 的 翻转 。 我 们 会 在 第 13 章 中 
再 次 看 到 上 面 的 代码 。 


在 本 书 资 源 的 项 目 中 ， 我 们 开启 了 抗 饮 齿 选项 。 在 第 12 章 中 ， 我 们 将 学 习 一 
些 基本 的 屏幕 后 处 理 效 果 。 这 些 效果 大 多 使 用 了 单 张 屏 幕 图 像 进行 处 理 ， 因 此 我 
们 不 需要 学 谍 半 台大 异化 的 站 是 ， 因为 Unity 已 经 在 背后 为 我 们 处 理 过 了 。 但 在 
12.5 市 中 ， 我 们 需要 在 一 个 Pass 中 同时 处 理 屏 磋 图 像 和 提取 得 到 的 亮 部 图 像 来 实 
现 Bloom 效 果 。 由 于 需要 同时 处 理 多 张 纹 理 ， 因 此 在 DirectX 这 样 的 平台 下 如 果 开 
启 了 抗 锯 从 ， 二 纹理 和 亮 部 纹理 在 坚 家 方 可 上 的 朝向 就 是 不 同 的 ， 我 们 就 需要 对 
亮 部 纹理 的 采样 坐标 进行 翻转 。 在 第 13 章 中 ， 我 们 需要 同时 处 理 屏 幕 图 像 和 深度 / 
法 线 纹理 来 实现 一 皮特 殊 的 屏 涡 效果 ， 在 这 些 处 理 过 程 中 我 们 也 需要 进行 一 些 
平台 差异 化 处 理 。 在 15.3 市 尽管 我 们 也 在 一 个 Pass ' 同 时 处 理 了 屏幕 图 像 、 
深度 纹理 和 一 张 噪声 纹理 ， 日 我 们 中 4 对 深度 纹理 的 采样 坐标 进行 了 平台 差异 化 处 
理 ， 而 没有 对 噪声 纹理 进行 处 理 。 这 是 因为 ， 类 似 噪 声 纹理 的 装饰 性 纹理 ， 它 们 
在 竖 直 方向 上 的 朝 问 并 不 是 很 重要 ， 即 便 翻转 了 效果 往往 也 是 正确 的 ， 因 此 我 们 
可 以 不 对 这 些 纹理 进行 平台 差异 化 处 理 。 


5.6.2 Shader 的 语法 差异 


读者 在 Windows 平 台 下 编译 某 些 在 Mac 平 台 下 工作 良好 的 Shader 上 时， 可 能 会 看 
到 类 似 下 面 的 报错 信息 : 


上 面 的 报错 都 是 因为 DirectX 9/11 对 Shader 的 语义 更 加 产 格 造成 的 。 例 如 ， 造 
成 第 一 个 报错 信息 的 原因 是 ，Shader 中 可 能 存在 下 面 这 样 的 代码 : 


// Vv 和 是 float4 类 型 ， 但 在 它 的 构造 器 中 我 们 仅 提 供 


float4 v = float4(0.0) 


在 OpenGL 平 台 上 ， 上 面 的 代码 是 合法 的 ， 它 将 得 到 一 个 4 个 分 量 都 是 0.0 的 
float4 类 型 的 变量 。 但 在 DirectX 11 平 台 上 ， 我 们 必须 提供 和 变量 类 型 相 匹配 的 参 
数 数 目 。 也 就 是 说 ， 我 们 应 该 写成 : 


float4 v = float4(0.0, 0.0, 0.0, 0.0); 


而 对 于 第 二 个 报错 信息 ， 往 往 是 出 现在 表面 着 色 器 中 。 表 面 着 色 器 的 顶点 函 

数 (注意 ， 不 是 顶点 着 色 器 ) 有 一 个 使 用 了 out 修 饰 符 的 参数 。 如 采 出 现 这 样 的 报 

错 信息 ， 可 能 是 因为 我 们 在 顶点 函数 中 没有 对 这 个 参数 的 所 有 成 员 变 量 都 进行 初 
台 化 。 我 们 应 该 使 用 类 似 下 面 的 代码 来 对 这 些 参 数 进行 初始 化 : 


void vert (inout appdata full v, out Input o) { 
// 使 用 Unity 内 置 的 UNITY_INITIALIZE_OUTPUT 宏 对 输出 结构 体 o 进 行 初始 化 
UNITY_INITIALIZE_OUTPUT(InNput, 0); 


//... 


除了 上 壕 两 点 语法 不 同 外 ，DirectX 9/ 11 也 不 支持 在 顶点 着 色 器 中 使 用 tex2D 
函数 。tex2D 是 一 个 对 纹理 进行 采样 的 了 画 数 ， 我 们 在 后 面 的 章 下 中 将 会 具体 讲 到 。 
之 所 以 DirectX 9 /111 不 支持 顶点 阶段 中 的 tex2D 运 算 ， 生 国 在 顶点 着 色 器 阶段 
Shader 无 法 得 到 UV 偏 导 ， 而 tex2D 函 数 需要 这 样 的 依 导 信息 (这 和 纹理 采样 时 使 


用 的 数学 运算 有 关 ) 。 如 果 我 们 的 确 需 要 在 顶点 着 色 髓 中 访问 纹理 ， 需 要 使 用 
tex2Dlod 函 数 来 欧 代 ， 如 ; 


tex2Dlod(tex, float4(uv, 0, 0)). 


而 且 我 们 还 需要 添加 #pragma target 3.0， 因 为 tex2Dlod 是 Shader Model 3.0 中 的 
特性 。 


5.6.3 ”Shader 的 语义 差异 


我 们 在 5.4 节 讲 到 了 Shader 中 的 语义 是 什么 ， 其 中 我 们 讲 到 了 一 些 语义 在 某 些 
平台 下 是 等 价 的 ， 例 如 SV_POSITION 和 POSITION 。 但 在 另 一 些 平台 上 ， 这 些 语 
义 是 不 等 价 的 。 为 了 让 Shader 能 够 在 所 有 平台 上 正常 工作 ， 我 们 应 该 尽 可 能 使 用 
下 面 的 语义 来 描述 Shader 的 输入 输出 变量 。 


。 使 用 SV_POSITION 来 描述 顶点 着 色 器 输出 的 顶点 位 置 。 一 些 Shader 使 用 了 
POSITION 语义 ， 但 这 些 Shader 无 法 在 索尼 PS4 平 台 上 或 使 用 了 细 分 着 色 器 的 
情况 下 正常 工作 。 

。 使 用 SV_Tbrget 来 描述 片 元 着 色 器 的 输出 颜色 。 一 些 Shader 使 用 了 COLOR 或 
者 COLOR0O 语义 ， 同 样 的 ， 这 些 Shader 无 法 在 索尼 PS4 上 正常 工作 。 


5.6.4 ”其 他 平台 差异 


本 书 只 给 出 了 一 些 最 常见 的 平台 差异 造成 的 问题 ， 还 有 一 些 差异 不 再 列举 。 
如 果 读 者 发 现 一 些 Shader 在 平台 A 下 工作 良好 ， 而 在 平台 B 下 出 现 了 问题 ， 可 以 去 
Unity 官 方 文档 (http://docs. unity3d.com/Manual/SL-PlatformDifferences.html ) 
寻找 更 多 的 资料 。 


5.7 ”Shader 整洁 之 道 
在 本 章 的 最 后 ， 我 们 给 


t 


全 出 一 些 关 于 如 何 规范 


忆 Shader 代 人 码 的 建议 。 


确 的 ， 读 者 可 


表 况 做 日 


权衡 。 写 


的 是 ， 养 成 这 些 习惯 有 助 


5.7.1 _ float、half 还 是 fixed 
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表 5.8 ”Cg/HLSL 中 3 种 精度 的 数值 类 型 
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表 5.8 给 
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果 我 们 的 目标 平台 是 移动 平台 
关于 移动 平台 的 优化 技术 ， 读 


5.7.2 ”规范 语法 


布 到 DirectX 习 
行 初 始 化 。 


5.7.3 ”避免 不 必要 的 计算 


以 在 第 16 章 


法 。 例 如 ， 使 用 和 变量 
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度 的 浮 点 值 的 运 
我 们 的 Shader 。 
在 大 多 数 现代 的 GPU 上 ， 它 们 


内 


寻 为 这 可 以 


我 人 


] 可 以 使 用 fix 


它们 实际 的 精度 可 能 和 


A 


Bp 


数据 可 以 选 
在 真实 的 3 


择 half 类 


选择 型 
上 测 


手机 
找到 更 多 内 容 。 


量 类 天 


， 最 差 情 ; 遍 下 冉 
试 我 们 的 Shader， 


在 5.6.2 节 ， 我 们 提 到 DirectX 平 台 对 Shader 的 语义 有 更 加 严格 的 要 求 。 
F 台 上 就 需要 使 用 更 严格 的 语 


相克 


选择 使 


7 和 


上 面 


half 、 


速度 也 


巴 fixed 和 


万 化 Shader 
ed 类 型 来 存 
jfloat 。 


如 


这 


点 


局 


E 常 


EE 要 。 


意味 着 ， 如 
0 的 参数 数目 


果 我 人 
来 对 变 


门 要 发 


量 进 


如 有 果 我 们 毫 无 节制 地 在 Shader (尤其 是 片 元 着 色 器 ) 中 进行 了 大 量 计算 ， 那 么 我 们 可 能 很 快 台 
会 收 到 Unity 的 错误 提示 : 


temporary register limit of 8 exceeded | 


或 


Arithmetic instruction limit of 64 exceeded; 65 arithmetic instructions needed to compile oor 


出 现 这 些 错误 信息 大 多 是 因为 我 们 在 Shader 中 进行 了 过 多 的 运算 ， 使 得 需要 的 临时 寄存 器 数目 
或 指令 数目 超过 了 当前 可 支持 的 数目 。 读 者 需要 知道 ， 不 同 的 Shader Target、 不 同 的 着 色 器 阶段 ， 我 
们 可 使 用 的 临时 寄存 器 和 指令 数目 都 是 不 同 的 。 


通常 ， 我 们 可 以 通过 指定 更 高 等 级 的 Shader Target 来 消除 这 些 错误 。 表 5.9 给 出 了 Unity 目 前 支持 
的 一 些 Shader Target 。 


表 5.9 Unity 支 持 的 Shader Target 


指令 描述 


#pragma target | 默认 的 Shader Target 等 等 级 。 相当 于 Direct3D 9 上 的 Shader Model 2.0， 不 支持 对 顶点 纹理 的 采样 ， 不 支持 
2.0 显 式 的 LOD 纹 理 采 样 等 


#pragma target 相当 


当 于 Direct3D 9 上 的 Shader Model 3.0， 支 持 对 顶点 纹理 的 采样 等 


3.0 


target | 相当 于 Direct3D 10 上 的 Shader Model 4.0， 支 持 几 何 着 色 器 


中 


人 target | 相当 于 Direct3D 11 上 的 Shader Model 5.0 


需要 注意 的 是 ， 于 Unity 版 本 的 不 同 ，Unity 支 持 的 Shader Target 种 类 也 不 同 ， 读 者 可 以 在 官方 
手册 上 找到 更 为 详细 的 介绍 。 


读者 : 什么 是 Shader Model 呢 ? 

我 们 ，Shader Model 是 由 微软 提出 的 一 套 规范 ， 通 俗 地 理解 就 是 它们 决定 了 Shader 中 各 个 特性 
(feature) 的 能 力 (capability) 。 这 些 特性 和 能 力 体现 在 Shader 能 使 用 的 运算 指令 数目 、 寄 存 器 个 数 
等 各 个 方面 。Shader Model 等 级 越 高 ，Shader 的 能 力 就 越 大 。 具 体 的 细节 读者 可 以 参见 本 章 的 扩展 阅 
读 部 分 。 


Target 可 以 让 我 们 使 用 更 多 的 临时 寄存 器 和 运算 指令 ， 但 一 个 更 好 的 方法 
是 尽 可 能 减少 Shader 中 的 运算 ， 或 者 通过 预计 算 的 方式 来 提供 更 多 的 数据 。 


5.7.4” 慎 用 分 支 和 循环 语句 


此 


在 我 们 学 习 第 一 门 语言 的 课 上 ， 类 似 分 文 、 循 环 语句 这 样 的 流程 控制 语句 是 最 基本 的 语法 之 


。 但 在 编写 Shader 的 时 候 ， 我 们 要 对 它们 格外 小 心 。 


在 最 开始 ，GPU 是 不 支持 在 顶点 着 色 器 和 片 元 着 色 器 中 使 用 流程 控制 语句 的 。 随 着 GPU 的 发 
展 ， 我 们 现在 已 经 可 以 使 用 if-else 、 for 和 whilej 流程 控制 指令 了 。 但 是 ， 它 们 在 GPU 上 的 实现 和 
在 CPU 上 有 很 大 的 不 同 。 深 究 这 些 指令 的 底层 实现 不 在 本 书 的 讨论 范围 内 ， 读 者 可 以 在 本 章 的 扩展 
阅读 中 找到 更 多 的 内 容 。 大 体 来 说 ， GPU 使 J 不 同 于 CPU 的 技术 来 实现 分 支 语 句 ， 在 最 坏 的 情况 
下 ， 我 们 花 在 一 个 分 支 语 句 的 时 间 相 当 于 运行 了 所 有 分 支 语 句 的 时 间 。 因 此 ， 我 们 不 鼓励 在 Shader 
人 ， 因 为 它们 会 降低 GPU 的 并 行 处 理 操 作 (尽管 在 现代 的 GPU 上 已 经 有 了 改 

进 ) 。 


如 果 我 们 在 Shader 中 使 用 了 大 量 的 流程 控制 语句 ， 那 么 这 个 Shader 的 性 能 可 能 会 成 倍 下 降 。 一 个 
解决 方法 是 ， 我 们 应 该 尽量 把 计算 向 流 水 线 上 端 移动 ， 例 如 把 放 在 片 元 着 色 器 中 的 计算 放 到 顶点 着 
色 器 中 ， 或 者 直接 在 CPU 中 进行 预计 算 ， 有 再 把 结果 传递 给 Shader。 当 然 ， 有 时 我 们 不 可 避免 地 要 使 
分 支 语 句 来 进行 运算 ， 那 么 一 些 建议 是 : 
分 支 判 断 语句 中 使 用 的 条 件 变量 最 好 是 常数 ， 即 在 Shader 运 行 过程 中 不 会 发 生变 化 ; 
个 分 文中 包含 的 操作 指令 数 尽 可 能 少 ; 
分 文 的 符 套 层 数 尽 可 能 少 。 
5.7.5 不 要 除 以 0 


里 然 在 用 类 似 C# 等 高 级 语言 进行 编程 的 时 候 ， 我 们 会 谨 记 不 要 除 以 0 这 个 基本 常识 〈 就 算 你 没 
这 么 做 ,编辑 器 可 能 也 会 报错 ) ， 但 有 时 在 编写 Shader 的 时 候 我 们 会 名 略 这 个 问题 。 


例如 ， 我 们 在 Shader 里 写 下 如 下 代码 : 


Ht 


fixed4 frag(v2f i) : SV_Target 
{ 


return fixed4(0.0/0.0,0.0/0.0, 0.0/0.0, 1.0); 


这 样 代码 的 结果 往往 是 不 可 预测 的 。 在 某 些 泻 染 平台 上 上， 上面 的 代码 不 会 造成 Shader 的 朋 演 ， 
但 即便 不 会 崩溃 得 到 的 结果 也 是 不 确定 的 ， 有 些 会 得 到 白色 (由 无 限 大 截取 到 1.0) ， 有 些 会 得 到 黑 
色 ， 但 在 男 一 些 平台 上 ， 我 们 的 Shader 可 能 束 会 直接 朋 浇 。 因 此 ， 即 便 在 开发 游戏 的 平台 上 ， 我 们 
看 到 的 结果 可 能 是 符合 预期 的 ， 但 在 目标 平台 上 可 能 束 会 出 现 问 题 。 


一 个 解决 方法 是 ， 对 那些 除数 可 能 为 0 的 情况 ， 强 制 截取 到 非 0 范 围 。 在 一 些 资料 中 ， 读 者 可 能 
也 会 看 到 使 用 这 语句 来 判断 除数 是 否 为 0 的 例子 。 另 一 个 方法 是 ， 使 一 个 很 小 的 浮 点 值 ， 例如 
0.000001 来 保证 分 母 大 于 0 (前 提 是 原始 数值 是 非 负 数 ) 。 


5.8 扩展 阅读 


读者 可 以 在 《GPU 精粹 2》 中 的 GPU 流程 控制 一 章 D 中 更 加 深入 
地 了 解 为 什么 流程 控制 语句 在 GPU 上 会 影响 性 能 。 在 5.7.3 节 我 们 提 到 
了 Shader 中 临时 寄存 絮 数 目 和 运算 指令 都 有 限制 ， 实 际 上 Shader Model 
对 顶点 着 色 器 和 片 元 着 色 器 中 使 用 的 指令 数 、 临 时 寄存 器 、 常 量 寄存 
人 器、 输入 /输出 寄存 器 、 纹 理 等 数目 都 进行 了 规定 。 读 者 可 以 在 Wiki 的 
相关 资料 站 和 HLSL 的 手册 [3] 中 找到 更 多 的 内 容 。 


[1]Mark Harris, Ian Buck. "GPU Flow-Control Idioms." In GPU Gems 
2. 中 译本 ，GPU 精 粹 2， 高 性 能 图 形 芯 片 和 通用 计算 编程 技巧 ， 法 尔 
译 ， 清 华 大 学 出 版 社 ，2007 年 。 


[2]High-Level Shading Language, Wiki 
(https://en.wikipedia.org/wiki/High-Level_Shading Language ) 。 


[3]Shader Models vs Shader Profiles，HLSL 手 册 
(https://msdn.microsoft.com/en- 
us/library/windows/desktop/bb509626(v=vs.85).aspx ) 。 


第 6 章 Unity 中 的 基础 光照 


泻 染 总 是 围绕 着 一 个 基础 问题 ， 我 们 如 何 决 定 一 个 像素 的 颜色 ? 
从 宏观 上 来 说 ， 泻 染 包 含 了 两 大 部 分 :决定 一 个 像素 的 可 见 性 ， 决 定 
这 个 像素 上 的 光照 计算 。 而 光照 模型 整 是 用 于 决定 在 一 个 像素 上 进行 
蚊 样 的 光照 计算 。 


我 们 首先 会 在 6.1 闻 介绍 在 真实 世界 中 ， 我 们 是 如 何 看 到 一 个 物体 
的 ， 以 此 来 帮助 读者 理解 光照 模型 背后 的 原理 。 随 后 在 6.2 闻 中， 我 们 
将 解释 什么 是 标准 光照 模型 ， 以 及 如 何在 Unity Shader 中 实现 标准 光照 
模型 。6.3 市 介绍 如 何 计算 光照 模型 中 的 环境 光 和 自发 光 部 分 。 在 6.4 广 
和 6.5 廊 中， 我 们 将 学 习 两 种 最 基本 的 光照 模型 ， 并 比较 未 顶点 和 了 逐 像 
素 光 照 的 区 别 。 最 后 ， 在 6.6 广 中 介绍 如 何 使 用 Unity 的 内 置 函数 来 帮助 
我 们 实现 这 些 光 照 模 型 。 


需要 提醒 读者 注意 的 是 ， 本 章 着 重 讲述 光照 模型 的 原理 ， 因 此 实 
现 的 Shader 往 往 并 不 能 直接 应 用 到 实际 项 目 中 〈 直 接 使 用 会 缺少 阴 
影 、 光 照 衰 减 等 效果 ) 。 我 们 会 在 9.5 节 给 出 包含 了 完整 光照 模型 的 可 
真正 使 用 的 Unity Shader 。 


6.1 ”我 们 是 如 何 看 到 这 个 世界 的 


我 们 可 能 第 常会 问 类 似 这 样 的 问题 “这 个 物体 是 什么 颜色 
的 ? ”如 采 读 者 对 小 学 的 自然 课 还 有 印象 的 话 ， 可 能 还 会 记得 这 个 问题 
征 没 有 意义 的 : 当 我 们 在 描述 "这 个 物体 是 红色 的 ?时 ， 实 际 上 是 因为 
这 个 物体 会 反射 更 多 的 红 光 波长 ， 而 吸收 了 其 他 波长 。 而 如 采 一 个 物 
体 在 我 们 看 来 是 黑色 的 ， 实 际 上 有 是 因为 它 吸收 了 绝 大 部 分 的 波长 。 这 
种 物理 现象 就 是 本 蔬 需 要 探讨 的 内 容 。 


通常 来 讲 ， 我 们 要 模拟 真实 的 光照 环境 来 生成 一 张 图 像 ， 需 要 考 
虑 3 种 物理 现象 。 


。 首 先 ， 光 线 从 光源 (light source) 中 被 发 射出 来 。 

。 然 后， 光线 和 场景 中 的 一 些 物体 相交 : 一 些 光 线 被 物体 吸收 了 ， 
而 另 一 些 光 线 被 散射 到 其 他 方向 。 

。 最 后 ， 摄 像 机 吸收 了 一 些 苑 ， 产 生 了 一 张 图 像 。 


下 面 ， 我 们 将 对 每 个 部 分 进行 更 加 详细 的 解释 。 
6.1.1 ”光源 


光 不 是 从 石头 里 蹦 出 来 的 ， 而 是 由 光源 发 射出 来 的 。 在 实时 泻 染 
中 ， 我 们 通常 把 光源 当成 一 个 没有 体积 的 点 ， 用 1 来 表示 它 的 方 同 。 那 
么 ， 我 们 如 何 测量 一 个 光源 发 射出 了 多 少 光 昵 ? 也 束 是 说 ， 我 们 如 何 
量化 光 呢 ?在 光学 里 ， 我 们 使 用 辐 照 度 (irradiance) 来 量化 光 。 对 
于 平行 光 来 说 ， 它 的 辐 照 度 可 通过 计算 在 垂直 于 /1 的 单位 面积 上 单位 时 
间 内 穿 过 的 能 量 来 得 到 。 在 计算 光照 模型 时 ， 我 们 需要 知道 一 个 物体 
表面 的 辐 照 度 ， 而 物体 表面 往往 是 和 1 不 垂直 的 ， 那 么 如 何 计算 这 样 的 
表面 的 辐 照 度 呢 ? 我 们 可 以 使 用 光源 方向 1 和 表面 法 线 n 之 间 的 夹 角 的 
余弦 值 来 得 到 。 需 要 注意 的 是 ， 这 里 默认 方 同和 失 量 的 模 都 为 1° 图 6.1 显 
示 了 使 用 余弦 值 来 计算 的 原因 。 


df/cose 


A 图 6.1 在 左 图 中 ， 交 是 垂直 照射 到 物体 表面 ， 因 此 光线 之 间 的 垂直 距离 保持 不 变 ; 而 在 右 
中 ， 光 是 斜 着 照射 到 物体 表面 ， 在 物体 表面 光线 之 间 的 距离 是 dcos， 因 此 单位 面积 上 接收 到 
的 光线 数目 要 少 于 左 图 


六 


因为 辐 照 度 是 和 照射 到 物体 表面 时 光线 之 间 的 距离 d /cos 成 反比 
的 ， 因 此 辐 照 度 就 和 cos 成 正比 。cos 可 以 使 用 光源 方向 ! 和 表面 法 线 n 
的 ， 点 积 来 得 到 。 这 就 是 使 用 点 积 来 计算 辐 照 度 的 由 来 。 


6.1.2 ”吸收 和 散射 


束 会 与 一 些 物体 相交 。 通 党， 相交 的 结 
果 有 两 个 : 散射 、(scattering) 和 吸收 (absorption) 


散射 只 改变 光线 的 方向 ， 但 不 改变 光线 的 密度 和 颜色 。 而 吸收 只 
改变 光线 的 密度 和 颜色 ， 但 不 改变 光线 的 方向 。 光 线 在 物体 表面 经 过 
散射 后 ， 有 两 种 方向 : 一 种 将 会 散射 到 物体 内 部 ， 这 种 现象 被 称 为 折 
射 (refraction) 或 透射 (transmission) ; 另 一 种 将 会 散射 到 外 部 ， 
这 种 现象 被 称 为 反射 (reflection) 。 对 于 不 透明 物体 ， 折 射 进入 物体 
内 部 的 光线 还 会 继续 与 内 部 的 颗粒 进行 相交 ， 其 中 一 些 光线 最 后 会 重 
新 发 射出 物体 表面 ， 而 另 一 些 则 被 物体 吸收 。 那 些 从 物体 表面 重新 发 
分 布 和 颜色 。 图 6.2 给 出 了 这 
站 的 一 个 从 


> 


图 6.2 we 光线 会 发 生 折 射 和 反射 现象 。 对 于 不 透明 物体 ， 折 射 的 光线 会 在 物体 内 部 
继续 传播 ， 最 终 有 一 部 分 光线 会 重新 从 物体 表面 被 发 射出 去 


为 了 区 分 这 两 种 不 同 的 散射 方 回 ， 我 们 在 光照 柑 寻 中 使 用 了 不 同 
的 部 分 来 计算 它们 : 高光 反射 (specular) 部 分 表示 物体 表面 是 如 何 
反射 光线 的 ， 而 漫 反射 (diffuse) 部 分 Te 
吸收 和 散射 出 表面 。 根 据 入 射 光 线 的 数量 和 方 回 ， 我 们 可 以 计算 出 射 
光线 的 数量 和 方向 ， 我 们 通常 使 用 出 射 度 (eanee 来 朱 述 它 。 辐 
照度 和 出 射 度 之 间 是 满足 线性 关系 的 ， 而 它们 之 间 的 比值 就 是 材质 的 
漫 反 射 和 高 光 反 射 属性 。 


在 本 章 中 ， 我 们 假设 滥 反 射 部 分 是 没有 方向 性 的 ， 也 束 是 说 ， 光 
线 在 所 有 方向 上 是 平均 分 布 的 。 同 时 ， 我 们 也 只 考虑 某 一 个 特定 方向 
上 的 高 光 反 射 。 


6.1.3 着色 


着 色 (shading) 指 的 是 ， 根 据 材 质 属性 《如 漫 反 射 属性 等 ) 、 光 
源 信息 《如 光源 方向 、 辐 照度 等 ) ， 使 用 一 个 等 式 去 计算 沿 某 个 观察 
方向 的 出 射 度 的 过 程 。 我 们 也 把 这 个 等 式 称 为 光照 模型 (Lighting 
Model) 。 不 同 的 光照 模型 有 不 同 的 目的 。 例 如 ， 一 些 用 于 描述 粗糙 
的 物体 表面 ， 一 些 用 于 摘 述 金属 表面 等 。 


6.1.4 BRDEF 光 照 模 型 


我 们 已 经 了 解 了 光线 在 和 物体 表面 相交 时 会 发 生 哪 些 现象 。 当 已 
知 光源 位 置 和 方向 、 视 角 方 向 时 ， 我 们 束 需 要 知道 一 个 表面 是 如 何 和 
光照 进行 交互 的 。 例 如 ， 当 光线 从 某 个 方 癌 照射 到 一 个 表面 时 ， 有 多 
少 光 线 被 反射 ? 反射 的 方向 有 哪些 ? 而 BRDF (Bidirectional 
Reflectance Distribution Function) 就 是 用 来 回答 这 些 问 题 的 。 当 给 定 
模型 表面 上 的 一 个 点 时 ，BRDF 包 售 了 对 该 点 外 观 的 完整 的 搞 述 。 在 图 
形 学 中 ，BRDEF 大 多 使 用 一 个 数学 公式 来 表示 ， 并 且 提 供 了 一 些 参数 来 
调整 材质 属性 。 通 俗 来 讲 ， 当 给 定 入 射 光线 的 方向 和 辐 照 度 后 ，BRDF 
可 以 给 出 在 某 个 出 射 方向 上 的 光照 能 量 分 布 。 本 章 涉及 的 BRDEF 都 是 对 
真实 场景 进行 理想 化 和 简化 后 的 模型 ， 也 就 是 说 ， 它 们 并 不 能 真实 地 
反映 物体 和 光线 之 间 的 交互 ， 这 些 光照 模型 被 称 为 是 经 验 模 型 。 尺 管 
如 此 ， 这 些 经 验 模型 仍然 在 实时 泻 染 领域 被 应 用 了 多 年 。 读 者 可 以 从 
邓 恩 的 著作 《3D 数 学 基础 : 图形 与 游戏 开发 》 (英文 名 : 《3D Math 
Primer For Graphics And Game Development》) 中 提 到 的 一 句 名 言 来 体 
会 这 其 中 的 原因 。 


，。 计算 机 图 形 学 的 第 一 定律 ， 如 果 它 看 起 来 是 对 的 ， 那 么 它 六 是 对 


然而 ， 有 时 我 们 希望 可 以 更 加 真实 地 模拟 光 和 物体 的 交互 ， 这 束 
出 现 了 基于 物理 的 BRDF 模 型 ， 我 们 会 在 第 18 章 基于 物理 的 泻 染 中 看 到 
这 些 更 加 复杂 的 光照 模型 。 


6.2 标准 光照 模型 


里 然 光 照 模型 有 很 多 种 类 ， 但 在 早期 的 游戏 引 警 中 往往 只 使 用 一 
个 光照 模型 ， 这 个 模型 被 称 为 标准 光照 模型 。 实 际 上 ， 在 BRDF 理 论 被 
提出 之 前 ， 标 准 光 照 模型 束 已 经 被 广泛 使 用 了 。 


在 1975 年 ， 著 名 学 者 裴 祥 风 (Bui Tuong Phong) 提出 了 标准 光照 
模型 背后 的 基本 理念 。 标 准 光 照 模型 只 关心 直接 光照 (direct light) ， 
也 就 是 那些 直接 从 光源 发 射出 来 照射 到 物体 表面 后 ， 经 过 物体 表面 的 
一 次 反射 直接 进入 摄像 机 的 光线 。 


它 的 基本 方法 是 ， 把 进入 到 摄像 机 内 的 光线 分 为 4 个 部 分 ， 每 个 部 
分 使 用 一 种 方法 来 计算 它 的 贡献 度 。 这 4 个 部 分 是 。 


。 自 发光 (emissive) 部 分 ， 本 书 使 用 c iisove 来 表示 。 这 个 部 分 用 
于 描述 当 给 定 一 个 方 同 时 ， 一 个 表面 本 刁 会 癌 该 方 同 发 射 多 少 辐 
射 量 。 需 要 注意 的 是 ， 如 果 没 有 使 用 全 局 光照 (global 
illumination) 技术 ， 这 些 自发 光 的 表面 并 不 会 真 的 照 亮 周围 的 物 
体 ， 而 是 它 本 喘 看 起 来 更 亮 了 而 已 。 

高 光 反 射 (pecular) 部 分 ， 本 书 使 用 c pe RR 
分 用 于 搞 述 当 光 线 从 光源 照射 到 模型 表面 时 ， 该 表面 会 在 完全 镜 
面 反 射 方 回 散 射 多 少 辆 射 量 。 

漫 反 射 、(diffuse) 部 分 ， 本 书 使 用 c difiuse 来 表示 。 这 个 部 分 用 于 
描述 ， 当 光线 从 光源 照射 到 模型 表面 时 ， 该 表面 会 癌 每 个 方 回 散 
射 多 少 辐射 量 。 

环境 光 (ambient) 部 分 ， 本 书 使 用 c ，wer 来 表示 。 它 用 于 描述 
其 他 所 有 的 间接 光照 。 


6.2.1 “环境 光 


虽然 标准 光照 模型 的 重点 在 于 摘 述 直接 光照 ， 但 在 真实 的 世界 
中 ， 物 体 也 可 以 被 间接 光照 (indirect lighb 所 照 亮 。 间 接 光 照 指 的 
征 ， 交 线 通 各 会 在 多 个 物体 之 间 反 射 ， 最 后 进入 摄像 机 ， 也 吏 是 六 ， 
在 光线 进入 摄像 机 之 前 ， 经 过 了 不 止 一 次 的 物体 反射 。 例 如 ， 在 红 地 


毯 上 放置 一 个 乒 灰色 的 沙发 ， 那 么 沙发 展 部 也 会 有 红色 ， 这 些 红色 是 
由 红 地 秩 反 射 了 一 部 分 光线 ， 再 反弹 到 沙发 上 的 。 

在 标准 光照 模型 中 ， 我 们 使 用 了 一 种 被 称 为 环境 光 的 部 分 来 近似 
模拟 间接 光照 。 环 境 光 的 计算 非常 简单 ， 它 通 前 是 一 个 全 局 要 量 ， 即 
场景 中 的 所 有 物体 都 使 用 这 个 环境 区 。 下 面 的 等 式 给 出 了 计算 环境 光 


的 部 分 : 


Cambient 一 §ambient 


6.2.2 ”自发 光 


光线 也 可 以 直接 由 光源 发 射 进入 摄像 机 ， 而 不 需要 经 过 任何 物体 
的 反射 。 标 准 沧 照 模 型 使 用 目 发 区 来 计算 这 个 部 分 的 贡献 度 。 它 的 计 
算 也 很 商 单 ， 束 是 直接 使 用 了 该 材质 的 目 发 光 颜 色 : 


Cemissive 一 emissive 


通常 在 实时 泻 染 中 ， 目 发 光 的 表面 往往 并 不 会 照 亮 周围 的 表面 ， 
也 就 是 说 ， 这 个 物体 并 不 会 被 当成 一 个 光源 。Unity 5 引入 的 全 新 的 全 
i 0 
第 18 章 中 看 到 。 


6.2.3” 漫 反射 


漫 反 映 光 照 是 用 于 对 那些 被 物体 表面 随机 淫 射 到 各 个 方 回 的 辐射 
度 进 行 建 模 的 。 在 漫 反 射 中 ， 视 角 的 位 置 是 不 重要 的 ， 因 为 反射 是 完 
全 随机 的 ， 因 此 可 以 认为 在 任何 反射 方向 上 的 分 布 都 生 一 样 的 。 但 
和 是， 入 射 光 线 的 角度 很 重要 。 


漫 反射 光照 符合 兰 伯 特定 律 (Lamberts law) : 反射 光线 的 强度 
与 表面 法 线 和 光源 方向 之 问 夹 角 的 余 玉 人 成 正比， 因此 ， 温 反射 部 分 
5 计算 如 下 : 


Cdiffuse = (Clight * Maiffuse) Max(0,n. {) 


其 中 ,多 是 表面 法 线 ，7 是 指向 光源 的 单位 矢量 ， m wse 是 材质 
的 漫 反射 颜色 ，c jion 是 光源 颜色 。 需 要 注意 的 是 ， 我 们 需要 防止 法 线 
和 光源 方向 点 乘 的 结果 为 负 值 ， 为 此 ， 我 们 使 用 取 最 大 值 的 画 数 来 将 
其 截取 到 0， 这 可 以 防止 物体 被 从 后 面 来 的 光源 照 亮 。 


6.2.4 高光 反射 


这 里 的 高 光 反 射 是 一 种 经 验 模 型 ， 也 就 是 说 ， 它 并 不 完全 符合 真 
实 世 界 中 的 高 光 反 射 现象 。 它 可 用 于 计算 那些 沿 着 完全 镜面 反射 方 辣 
家 反 射 的 光线 ， 这 可 以 让 物体 看 起 来 症 有 光泽 的 ， 例 如 金属 材质 。 


计算 高 光 反 射 需要 知道 的 信息 比较 多 ， 如 表面 法 线 、 视 角 方 向 、 
光源 方向 、 反 射 方 同 等。 在 本 世 中 ， 我 们 假设 这 些 天 量 都 是 单位 天 
量 。 图 6.3 给 出 了 这 些 方 同和 天 量 。 


A 图 6.3 ”使 用 Phong 模 型 计算 高 光 反 射 


在 这 四 个 矢量 中 ， 我 们 实际 上 只 需要 知道 其 中 3 个 矢量 即 可 ， 而 第 
四 个 矢量 一 一 反射 方 癌 可 以 通过 其 他 信息 计算 得 到 : 


7 = 2 .Dhl 


这 样 ， 我 们 就 可 以 利用 Phong 模 型 来 计算 高 光 反射 的 部 分 : 
Ss i 
Cspecular = (Clight 。 ih specular ) max(0, yp. 7) gloss 


其 中 ，m jjoss 是 材质 的 光泽 度 (gloss) ， 也 被 称 为 反光 度 
(shininess) 。 它 用 于 控制 高 光 区 域 的 "亮点 "有 多 宽 ，m gjoss 越 大 ， 
亮点 就 越 小 。m sweculor 是 材质 的 高 光 反 射 颜色 ， 它 用 于 控制 该 材质 对 
于 高 光 反 射 的 强度 和 颜色 。c iion: 则 是 光源 的 颜色 和 强度 。 同 样 ， 这 里 

也 需要 防止 让 的 结果 为 负数 4 


和 上 流 的 Phong 模 型 相 比 ，Blinn 提 出 了 一 个 简单 的 修改 方法 来 得 到 
类 似 的 效果 。 它 的 基本 思想 是 ， 避 免 计 算 反射 方向 六 。 为 此 ，Blinn 模 
型 引入 了 一 个 新 的 矢量 及， 它 是 通过 对 和 了 .的 取 平 均 后 再 归 一 化 得 到 
的 。 即 


人 入 


入 
然后 ， 使 用 友和 h 之 间 的 夹 角 进 行 计算 ， 而 非 6 入 之 间 的 夹 角 ， 
如 图 6.4 所 示 。 


和 图 6.4 Blinn 模 型 


尽 结 一 下 ，Blinn 模 型 的 公式 如 下 : 


J 信 信 m 
Cspecular 二 (Clight 。 aiaelar) max(0,7 :hh) sess 


在 便 件 实现 时 ， 如 末 摄 像 机 和 光源 距离 模型 足够 远 的 话 ，Blinn 模 
型 会 快 于 Phong 模 型 ， 这 是 因为 ， 此 时 可 以 认为 6 和 7 都 是 定 值 ， 因 此 
将 是 一 个 常量 。 但 是 ， 当 或 者 7 不 是 定 值 时 ，Phong 模 型 可 能 反而 更 
快 一 些 。 需 要 注意 的 是 ， 这 两 种 光照 模型 都 是 经 验 模型 ， 也 就 是 说 ， 
我 们 不 应 该 认为 Blinn 模 型 站 对 “正确 的 ?Phong 模 型 的 近似 。 实 际 上 ， 在 
一 些 情况 下 ，Blinn 模 型 更 符合 实验 结果 。 


6.2.5“” 逐 像素 还 是 逐 顶 点 


上 面 ， 我 们 给 出 了 基本 光照 模型 使 用 的 数学 公式 ， 那 么 我 们 在 哪 
里 计算 这 些 光 照 模 型 呢 ? 通 冰 来 讲 ， 我 们 有 两 种 选择 : 在 片 元 着 色 壤 
中 计算 ， 也 被 称 为 逐 像素 光照 (per-pixel lighting) ; 在 顶点 着 色 器 中 
计算 ， 也 被 称 为 逐 顶 点 光照 (per-vertex lighting) 


在 未 像素 光照 中 ， 我 们 会 以 每 个 像素 为 基础 ， 得 到 它 的 法 线 (可 
以 是 对 顶点 法 线 插值 得 到 的 ， 也 可 以 是 从 法 线 纹理 中 采样 得 到 的 ) ， 
然后 进行 光照 模型 的 计算 。 这 种 在 面 片 之 间 对 顶点 法 线 进行 插值 的 技 
术 被 称 为 Phong 着 色 (Phong shading)，， 也 被 称 为 Phong 插 值 或 法 线 
插值 着色 技术 。 这 不 同 于 我 们 之 前 讲 到 的 Phong 光 照 模型 。 


与 之 相对 的 是 逐 顶点 光照 ， 也 被 称 为 高 洛 德 着 色 (Gouraud 
shading) 。 在 逐 顶 点 光照 中 ， 我 们 在 每 个 顶点 上 计算 光照 ， 然 后 会 在 
演 染 图 元 内 部 进行 线性 插值 ， 最 后 输出 成 像素 颜色 。 由 于 顶点 数目 往 
往 远 小 于 像素 数目 ， 因 此 逐 顶 点 光照 的 计算 量 往往 要 小 于 逐 像素 光 
照 。 但 是 ， 由 于 逐 顶 点 光照 依赖 于 线性 插值 来 得 到 像素 光照 ， 因 此 ， 
当 光 照 模 型 中 有 非 线性 的 计算 〈 例 如 计算 高 光 反 射 时 ) 时 ， 逐 顶点 光 
照 就 会 出 问题 。 在 后 面 的 章节 中 ， 我 们 将 会 看 到 这 种 情况 。 而 且 ， 由 
于 逐 顶 点 光照 会 在 泻 染 图 元 内 部 对 顶点 颜色 进行 插值 ， 这 会 导致 泻 染 
图 元 内 部 的 颜色 总 是 暗 于 顶点 处 的 最 高 颜色 值 ， 这 在 某 些 情况 下 会 产 
生 明 显 的 棱角 现象 。 

6.2.6 “总结 


nz 一口 


昌 然 标准 光照 模型 仅仅 是 一 个 经 验 模 型 ， 也 就 是 说 ， 它 并 不 完全 
符合 真实 世界 中 的 光照 现象 。 但 由 于 它 的 易 用 性 、 计 算 速度 和 得 到 的 
效果 都 比较 好 ， 因 此 仍然 被 广泛 使 用 。 而 也 二 由 于 它 的 广泛 使 用 性 ， 
这 种 标准 光照 模型 有 很 多 不 同 的 叫 法 。 例 如 ， 一 些 和 资料 中 称 它 为 Phong 
光照 模型 ， 因 为 裴 祥 风 (Bui Tuong Phong) 首先 提出 了 使 用 漫 反 射 和 
高 光 反 射 的 和 来 对 反射 光照 进行 建 模 的 基本 思想 ， 并 且 提出 了 基于 经 
验 的 计算 高 光 反 射 的 方法 〈 用 于 计算 漫 反射 光照 的 兰 们 特 模型 在 那 时 
已 经 被 提出 了 ) 。 而 后 ， 由 于 Blinn 的 方法 简化 了 计算 而 且 在 某 些 情况 
下 计算 更 快 ， 我 们 把 这 种 模型 称 为 Blinn-Phong 光照 模型 。 


但 这 种 模型 有 很 多 局 限 性 。 首 先 ， 有 很 多 重要 的 物理 现象 无 法 用 
Blinn-Phong 模 型 表现 出 来 ， 例 如 菲 涅 耳 反 射 ”(Fresnel reflection ) 
其 次 ，Blinn-Phong 模 型 是 各 项 同性 (isotropic) 的 ， 也 就 是 说 ， 当 我 
们 固定 视角 和 光源 方 癌 旋转 这 个 表面 时 ， 反 射 不 会 发 生 任何 改变 。 但 
有 些 表 面 是 具有 各 向 异性 (anisotropic) 反射 性 质 的 ， 例 如 拉丝 金 
属 、 毛 发 等 。 在 第 18 章 中 ， 我 们 将 学 习 基于 物理 的 光照 模型 ， 这 些 光 
照 模 型 更 加 复杂 ， 同 时 也 可 以 更 加 真实 地 反映 光 和 物体 的 交互 。 


6.3 Unity 中 的 环境 光 和 自发 光 
在 标准 光照 模型 中 ， 环 境 光 和 自发 光 的 计算 是 最 简单 的 。 


在 Unity 中 ， 场 景 中 的 环境 光 可 以 在 Window -> Lighting ->Ambient 
Source/Ambient Color/Ambient Intensity 中 控制 ， 如 图 6.5 所 示 。 在 Shader 
中 ， 我 们 只 需要 通过 Unity 的 内 置 变 量 UNITY_LIGHTM 
ODEL_AMBIENT 就 可 以 得 到 环境 光 的 颜色 和 强度 信息 。 


| 于 Lighting 
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A 图 6.5 在 Unity 的 Window -> Lighting 面板 中 ， 我 们 可 以 通过 Ambient Source/Ambient 
Color/Ampbient Intensity 来 控制 场景 中 的 环境 光 的 颜色 和 强度 


而 大 多 数 物体 是 没有 日 发 区 特性 后] 因此 在 本 书 绝 大 部 分 的 
Shader 中 都 没有 计算 目 发 光 部 分 。 如 果 要 计算 目 发 光 也 非常 位 单 ， 我 
们 只 需要 在 片 元 着 色 咒 输出 最 后 的 颜色 之 前 ， 把 材质 的 目 发 光 闫 色 添 
加 到 输出 颜色 上 即 可 。 


6.4 在 Unity Shader 中 实现 漫 反射 光照 模型 


在 了 解 了 上 述 的 理论 后 ， 我 们 现在 来 看 一 下 如 何在 Unity 中 实现 这 些 基 本 光照 模型 。 首 和 完 ， 我 们 
来 实现 标准 光照 模型 中 的 漫 反 射 光 照 部 分 。 


在 6.2.3 市 中 ， 我 们 给 出 了 基本 光照 模型 中 漫 反 射 部 分 的 计算 公式 .: 


Cdiffuse = (Clight ° Mdiffuse) Max(0, 7 {) 


从 公式 可 以 看 出 ， 要 计算 漫 反射 需要 知道 4 个 参数 ， 入 射 光线 的 颜色 和 强度 c num ， 材 质 的 漫 反 
射 系数 m wmse ， 表 面 法 线 人 i 以 及 光源 方向 ?。 


为 了 防止 点 积 结果 为 负 值 ， 我 们 需要 使 用 max 操 作 ， 而 Cg 提供 了 这 样 的 函数 。 在 本 例 中 ， 使 用 
Cg 的 另 一 个 函数 可 以 达到 同样 的 目的 ， 即 saturate 函 数 。 


画 数 : saturate(x ) 
参数 : x : 为 用 于 操作 的 标量 或 矢量 ， 可 以 是 float、float2、float3 等 类 型 。 


描述 :把 x 截取 在 [0, 1 范围 内 ， 如 果 x 是 一 个 矢量 ， 那 么 会 对 它 的 每 一 个 分 量 进行 这 样 的 操 
作 。 


6.4.1 实践: 逐 顶 点 光照 


我 们 首先 来 看 如 何 实现 一 个 逐 顶 点 的 漫 反 射 光 照 效 果 。 在 学 习 完 本 市 后 ， 我 们 会 得 到 类 似 图 6.6 
中 的 效果 。 


[mun 
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图 6.6” 逐 顶点 的 漫 反 射 光照 效果 
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为 此 ， 我 们 进行 如 下 准备 工作 。 


(1) 在 Unity 中 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 Scene_6_4。 在 Unity 5.2 中 ， 默 认 情 
况 下 场景 将 包含 一 个 摄像 机 和 一 个 平行 光 ， 并 且 使 用 了 内 置 的 天 空 盒 子 。 在 Window -> Lighting -> 


Skybox 中 去 掉 场 景 中 的 天 空 盒子 。 
2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 DiffuseVertexLevelMat 。 


3) 新 建 一 个 Unity Shader。 在 本 书 资源 
Shader 赋 给 第 2 步 中 创建 的 材质 


4) 在 场景 中 创建 一 个 胶囊 体 ， 并 把 第 2 步 中 的 材质 赋 给 该 胶囊 体 。 
5) 保存 场景 。 


下 面 ， 我 们 需要 编写 自 己 的 Shader 来 实现 一 个 逐 簿 顶点 的 漫 反 射 效 果 。 打 开 第 3 步 中 创建 的 Unity 
Shader， 删 除 所 有 已 有 代码 ， 并 进行 如 下 修改 。 


(1) 首先 ， 我 们 需要 为 这 个 Shader 起 一 个 名 字 : 


Shader "Unity Shaders Book/Chapter 6/Diffuse Vertex-Level" { 


(2) 为 了 得 到 并 且 控 制 材 入 的 漫友 射 闫 色 ， 我 们 首先 在 Shader 的 Properties 语义 块 中 声明 了 一 
个 Color 类 型 的 属性 ， 并 把 它 的 初始 值 设 为 


， 该 Shader 名 为 Chapter6-DiffuseVertexLevel。 把 新 的 


O 


Properties { 
_Diffuse ("Diffuse", Color) = (1, 1, 1, 1) 
} 


(3) 然后 ， 我 们 在 SubShader 语义 块 中 定义 了 一 个 Pass 语义 块 。 这 是 因为 顶点 / 片 元 着 色 器 的 代 
人 码 需 要 写 在 Pass 语义 块 ， 而 非 SubShader 语义 块 中 。 而 且 ， 我 们 在 Pass 的 第 一 行 指明 了 该 Pass 的 光照 
模式 : 


SubShader { 
Pass { 
Tags { "LightMode"="ForwardBase" } 


LightMode 标 签 是 Pass 标 签 中 的 一 种 ， 它 用 于 定义 该 Pass 在 Unity 的 光照 流水 线 中 的 角色 ， 在 第 9 
章 中 我 们 会 更 加 详细 地 解释 它 。 在 这 里 ， 我 们 只 需要 知道 ， 只 有 定义 了 正确 的 LightMode， 我 们 才能 
得 到 一 些 Unity 的 内 置 光 照 变量 ， 例 如 下 面 要 讲 到 的 _LightColor0。 


(4) 然后 ， 我 们 使 用 CGPROGRAM 和 ENDCG 来 包围 Cg 代码 片 ， 以 定义 最 重要 的 顶点 着 色 器 
和 片 元 着 色 器 t 码 。 首 先 ， 我 们 使 用 元 ragma 指 令 来 告诉 Unity， 我 们 定义 的 顶点 着 色 器 和 片 元 着 色 
器 叫 什么 名 字 。 在 本 例 中 ， 它 们 的 名 字 分 别 是 vert 和 frag; 


CGPROGRAM 


#pragma Vertex Vert 
#pragma fragment frag 


(5) 为 了 使 用 Unity 内 置 的 一 些 变量 ， 如 后 面 要 讲 到 的 _LightColor0， 还 需要 包含 进 Unity 的 内 置 
文件 Lighting.cginc: 


#include "Lighting.cginc" 


(6) 为 了 在 Shader 中 使 
匹配 的 变量 : 


Properties 语义 块 ， ， 我 们 需要 定义 一 个 和 该 属 


河 


fixed4 _Diffuse 


通过 这 样 的 方式 ， 我 们 束 可 以 得 到 漫 反射 公式 ! 


颜色 属性 的 范围 在 0 到 1 之 间 ， 


(7) 然后 ， 我 们 定义 了 项 
入 结构 体 ) : 


此 我 们 可 以 使 用 fixed 精 度 
着 色 器 的 输入 和 输 
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struct a2v { 
float4 vertex : POSITION; 
float3 normal : NORMAL; 
}; 


struct v2f { 
float4 pos : SV_POSITION,; 
fixed3 color : COLOR,; 

}; 


为 了 访 开机 上 的 计 i 


、 个 normal 变 ee 


料 中 会 使 用 TEXCOORDOi 语义 。 


各 漆 


3 
臣 杰 


了 把 在 机 上 着 色 间 
Be 


虑 四 
EB 


(8) 接 下 来 是 关键 的 顶点 着 
反射 部 分 的 计算 都 将 在 顶点 着 色 器 中 进 


P| 


实现 一 个 逐 顶 点 的 漫 反 射 光 照 ， 


v2f vert(a2v v) { 
v2f 0o; 


// Transform the vertex from object space to projection space 
0.pos = mul(UNITY_MATRIX_MVP, Vv.vertex); 


// Get ambient term 


fixed3 ambient = UNITY_LIGHTMODEL_ AMBIENT.xyz; 


// Transform the normal fram object space to world space 

fixed3 worldNormal = normalize(mul(v.normal, (float3x3)_ World20bject)); 
// Get the light direction in world space 

fixed3 worldLight = normalize(_WorldSpaceLightPos0.xyz); 


// Compute diffuse term 


fixed3 diffuse = _LightColorO.rgb * 


_Diffuse.rgb * saturate(dot(worldNormal, worldLight)); 


0O.color = ambient + diffuse; 


return o,; 


然后 ， 
数 。 在 前 


在 第 一 行 ， 

顶点 位 置 从 模型 空 
UNITY_MATRIX_ MVP 
OR 分 


我 们 首先 定义 了 返 


色 器 最 基本 的 任务 就 是 把 


0 顶点 着 色 


3 间 转 换 到 裁剪 空 
完成 这 样 包 


i 


上 


2 多 矩阵 


要 知道 光源 
Pass 处 理 
光源 方向 可 
性 。 在 本 


就 是 真正 计算 漫 反射 光 照 的 部 分 
我 们 已 


经 知道 了 材质 的 温 反 射 颜色 


9 光源 


上 


色 和 温度 信息 


上 _WonldSpaceLightpos0 来 得 和 


， 我 们 假设 场景 中 


台 马 
帅 可 能 是 点 》 
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的 颜 色 和 强度 信和 县 ( 注 章 


Ss ， 而 


照 我 们 需要 知道 4 个 参 
义 及 顶点 法 线 vnormal。 我 们 还 需 
时 _LightColor0 来 访问 该 


不 具有 通用 


Worespece hos0lh 不 能 得 


的 结果 。 我 们 将 


学 习 妈 


[ 何 使 用 内 置 


的 点 积 才 有 


中 有 多 个 光源 


和 交 源 方向 之 间 的 点 积 时 ， 


I 两 者 处 同一 坐 


间 下 的 ， 因 此 我 们 首 
E 阵 的 逆转 置 
E 咱 _World2Object， 然 


9 顶点 法 线 是 位 


夫人 和 知道 可 以 使 用 
和 3 间 的 变换 


昌 同 的 矩阵 乘 


和 矩阵 对 法 


于 法 线 是 一 个 三 维 矢 量 ， 


列 即 可 。 


和 剧 二 


世界 空间 


们 需要 防 1 
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它 的 作用 是 可 
漫 反 射 颜 色相 乘 即 可 得 到 
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。 在 得 到 它们 点 积 
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以 把 参数 夫 到 到 
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， 我 们 对 环境 光 和 漫 反射 


了 分 相 加 ， 得 到 最 终 的 光照 结果 


于 所 有 的 计算 在 顶点 着 


要 直接 把 顶 点 颜色 输出 即 可 : 


明度 以 及 材质 的 


， 因 此 片 元 着 色 器 的 代码 很 简 身 


， 我 们 只 需 


l 


fixed4 frag(v2f i) 


return fixed4(i.color, 


} 


: SV_Target { 


(10) 最 后 ， 


我 们 需要 把 这 个 Unity Shader 的 


调 shader 设 置 为 内 置 的 Diffuse: 


Fallback "Diffuse" 


至 此 ， 我 们 已 经 详 


有 


视觉 问题 ， 例 如 我 们 可 以 在 区 
我 们 可 以 使 用 


我 们 只 需要 对 Shader 进 


些 问 题 ， 


6.4.2 


已 经 


用 解释 了 逐 顶 后 dd 2 对 于 细 分 程度 较 高 的 模型 ， 


可 以 得 到 比较 好 的 光照 多 


分 程度 较 低 的 模型 ， 么 


; 有 到 人 的 和 


逐 像素 的 漫 反射 光 展 


行 


改 就 可 以 实现 逐 像素 的 漫 反射 效 果 ， 如 图 6.7 所 示 。 


逐 顶 点 光 


逐 顶点 光照 就 会 出 现 一 些 
肯 。 为 了 解决 这 
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4 图 6.7 逐 像素 的 漫 反 射 光照 效果 


为 此 ， 我 们 进行 如 下 准备 工作 。 
1) 使 用 6.4.1 节 中 使 用 的 场景 。 
2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 DiffusePixelLevelMat 。 


3) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Shader 名 为 Chapter6-DiffusePixelLevel。 把 新 的 
Shader 赋 给 第 2 步 中 创建 的 材质 。 


4) 把 第 2 步 中 创建 的 材质 赋 给 胶 赛 体 。 


Chapter6-DiffusePixelLevel 的 代码 和 6.4.1 小 节 中 的 非常 相似 ， 因 此 我 们 首先 把 6.4.1 节 中 的 代码 直 
接 精 贴 到 Chapter6-DiffusePixelLevel' 进行 如 下 修改 。 


(1) 修改 顶点 着 色 器 的 输出 结构 体 v2f: 


struct v2f { 
float4 pos : SV_POSITION,; 


float3 worldNormal : TEXCOORDO; 


[FE 


癸 即 可 : 


(2) 顶点 着 色 器 不 需要 计算 光照 模型 ， 只 需要 把 世界 空间 下 的 法 线 传递 给 片 元 着 1 


v2f vert(a2v v) { 
v2f 0o; 
// Transform the vertex from object space to projection space 
0.pos = mul(UNITY_MATRIX_MVP, Vv.vertex); 


// Transform the normal fram object space to world space 
oOo.worldNormal = mul(v.normal, (float3x3)_Wworld20bject); 


return o,; 


ls 


(3) 片 元 着 色 器 需要 计算 漫 反射 光照 模型 


fixed4 frag(v2f i) : SV_Target { 
// Get ambient term 
fixed3 ambient = UNITY_LIGHTMODEL AMBIENT.xyz; 


// Get the normal in world space 

fixed3 worldNormal = normalize(i.worldNormal); 

// Get the light direction in world space 

fixed3 worldLightDir = normalize(_WorldSpaceLightPos0 ,xyz) ， 


// Compute diffuse term 
fixed3 diffuse = _LightColor0O.rgb * _Diffuse.rgb * saturate(dot(worldNormal, worldLightDir)),; 


fixed3 color = ambient + diffuse; 


return fixed4(color, 1.0); 


上 面 的 计算 过 程 和 6.4.1 节 完全 相同 ， 这 里 不 再 歼 述 。 


逐 像素 光照 可 以 得 到 更 加 平滑 的 光照 效果 。 但 是 ， 即 使 用 了 逐 像素 漫 反 出 光照 ， te 
仍然 存在 。 在 光照 无 法 到 达 的 区 域 ， 模 型 的 外 观 通 常 是 全 黑 的 ， 没 有 任何 明暗 变化 ， 这 会 使 模型 的 
背光 区 域 看 起 来 就 像 一 个 平面 | 
非 全 黑 的 果 ， 但 即便 这 样 仍然 无 法 解决 背光 面 明暗 一 样 的 缺点 。 为 此 ， 有 一 种 改善 技术 被 提出 
来 ， 这 就 是 半 兰 伯 特 (Half Lambert) 光照 模型 。 


6.4.3 ” 半 兰 伯 特 模型 

在 6.4.1 小 节 中 ， 我 们 使 用 的 漫 反 射 光照 模型 也 被 称 为 兰 伯 特 光照 模型 ， 因 ) 

在 平面 某 点 漫 反 射 光 的 光 强 与 该 反射 点 的 法 向 量 和 入 射 光 角度 的 余弦 入 成 正比 。 ne 
小 节 最 后 提出 的 问题 ，Valve 公 司 在 开发 游戏 《 半 条 命 》 时 提出 了 一 种 技术 ， 由 于 该 技术 是 在 原 兰 作 
特 光 照 模 型 的 基础 上 进行 了 一 个 简单 的 修改 ， 因 此 被 称 为 半 兰 伯 特 光照 模型 。 


广义 的 半 兰 伯 特 光照 模型 的 公式 如 下 : 


Caiffuse = (Clight ° Maiffuse (QR : [1) + Pp) 


可 以 看 出 ,与 原 兰 伯 特 模型 相 比 二 人 朋 全 2 和 全 人 jmax 操 作 来 防止 和 的 点 积 为 负 
果 进 行 了 一 个 倍 的 缩放 再 加 上 一 个 大 小 的 偏 移 。 绝 大 多 数 情况 下 ， 和 的 值 均 为 0.5， 
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Caiffuse = (Clight *° Mdiffuse)(0.5(1: i) +0.5) 


过 这 样 的 方式 ， 我 们 可 以 把 的 结果 范围 从 [-1, 1] 映 射 到 [0, 1 范围 内 。 也 就 是 说 ， 对 于 模 
光 面 ， 在 原 兰 伯 特 光照 模型 中 点 积 结果 将 映射 到 同一 个 值 ， 即 0 值 处 ， 而 在 半 兰 伯 特 模型 中 ， 
也 可 以 有 明暗 变化 ， 不 同 的 点 积 结 果 会 映射 到 不 同 的 值 上 。 


需要 注意 的 是 ， 半 兰 伯 特 是 没有 任何 物理 依据 的 ， 它 仅仅 是 一 个 视觉 加 强 技术 。 


对 6.4.2 小 万 中 得 到 的 代码 做 一 些 修改 就 可 以 实现 半 兰 伯 特 漫 反 射 光照 效果 。 


1) 仍然 使 用 6.4.1 小 节 中 使 


的 场景 。 


赋 给 第 2 步 中 创建 的 材质 。 


2) 新 建 一 个 材质 。 在 本 书 资源 
3) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Shader 名 为 Chapter6-HalfLambert。 把 新 的 Shader 


1， 该 材质 名 为 HalfLambertMat 。 


4) 把 第 2 步 中 创建 的 材质 赋 给 胶 赛 体 。 


打开 Chapter6-HalfLambert， 删 除 已 有 的 Shader 代 码 ， 把 6.4.2 小 节 的 Chapter6-DiffusePixelLevel 代 
码 粘贴 进去 ， 并 使 用 半 兰 伯 特 公式 修改 片 元 着 色 器 中 计算 漫 反 射 光 照 的 部 分 : 


fixed4 frag(v2f i) : SV_Target { 


// Compute diffuse term 


fixed halfLambert = dot(worldNormal, worldLightDir) * 0.5 + 0.5; 
fixed3 diffuse = _LightCcolorgo,rgb * _Diffuse.rgb * halfLambert; 


fixed3 color = ambient + diffuse; 


return fixed4(color, 1.0); 


在 上 面 的 代码 中 ， 我 们 使 用 


兰 伯 符 模 型 代替 了 原 有 的 兰 伯 特 模型 。 图 6.8 给 出 了 逐 顶 点 漫 反 射 


光照 、 逐 像素 漫 反 射 光照 和 半 兰 伯 特 光照 的 对 比 效果 。 
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全 图 6.8 逐 顶 点 漫 反 射 光照 、 逐 像素 漫 反 射 光照 、 半 兰 伯 特 光 照 的 对 比 效果 


| Maximize on Play | Mute audio | Stats | Glzmos | | 


6.5 在 Unity Shader 中 实现 高 光 反 射 光 照 模型 


在 6.2.4 节 中 ， 我 们 给 出 了 基本 光照 模型 中 高 光 反 射 部 分 的 计算 公式 : 


有 内 入 m 0 
Cspecular 一 (Clight y ear max(0, 了 “大 ) en 


从 公式 可 以 看 出 ， 要 计算 高 光 反射 需要 知道 4 个 参数 ， 入 射 光 线 的 颜色 和 强度 con ， 材 质 的 高 光 反对 
系数 m weouior ， 视 角 方向 以 及 反射 方向 了 。 其 中 ， 反 射 方向 ? 可 以 由 表面 法 线 信和 光源 方向 ?计算 而 
得 


?=2%. DAI 


上 述 公 式 很 简单 ， 更 幸运 的 是 ，Cg 提 供 了 计算 反射 方向 的 函数 reflect 。 


画 数 : reflect(i, n) 
参数 : i， 入 射 方向 ，n， 法 线 方向 。 可 以 是 float、float2、float3 等 类 型 。 


当 给 定 入 射 方 向 和 法 线 方向 n 时 ，reflect 范 数 可 以 返回 反射 方向 。 图 6.9 给 出 了 参数 和 返回 值 之 


描述 : 
间 的 关系 。 


A 图 6.9 ”Cg 的 reflect 范 数 


6.5.1 ”实践 ， 逐 顶点 光照 


我 们 首先 来 看 如 何 实现 一 个 逐 顶 点 的 高 光 反 射 兴 照 效 采 "在 学 习 完 本 节 后 ， 我 们 会 得 到 类 似 铭 6.10 
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A 图 6.10 逐 顶点 的 高 光 反 射 光照 效果 


我 们 需要 进行 如 下 准备 工作 。 


(1) 在 Unity 中 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 Scene_6_5。 在 Unity 5.2 中 ， 默 认 情 况 下 场 
景 将 包含 一 个 摄像 机 和 一 个 平行 光 ， 并 且 使 用 了 内 置 的 天 空 盒子 。 在 Window -> Lighting -> Skybox 中 去 掉 
场景 中 的 天 空 盒子 。 


(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 


名 为 SpecularVertexLevelMat 。 


(3) 新 建 一 个 Unity Shader。 在 本 书 资源 中 
Shader 赋 给 第 2 步 中 创建 的 材质 。 


， 该 Shader 名 为 Chapter6-SpecularVertexLevel。 把 新 的 


(4) 在 场景 中 创建 一 个 胶 吉 体 ， 并 把 第 2 步 中 的 材质 赋 给 该 胶 宫 体 。 
(5) 保存 场景 。 


下 面 ， 我 们 需要 编写 自己 的 Shader 来 实现 一 个 逐 顶 点 的 高 光 反 射 效 果 。 打 开 第 3 步 
SpecularVertexLevel， 删 除 所 有 已 有 代码 ， 并 进行 如 下 修改 。 


1 创建 的 Chapter6- 


(1) 首先 ， 我们 需要 为 这 个 Shader 起 一 个 名 字 : 


Shader "Unity Shaders Book/Chapter 6/Specular Vertex-Level" { 


(2) 为 了 在 材质 面板 中 能 够 方便 地 控制 高 光 反 射 属性 ， 我 们 在 Shader 的 Properties 语义 块 中 声明 了 三 
个 属性 : 


Properties { 
_Diffuse ("Diffuse", Color) = (1, 1, 1, 1) 
_Specular ("Specular", Color) = (1, 1, 1, 1) 


_Gloss ("Gloss", Range(8.0, 256)) = 20 
} 


t+ 中， 新 添加 的 _Specular 用 于 控制 材质 的 高 光 反 射 颜色 ， 而 _Gloss 用 于 控 


Lo 


出 高 光 区 域 的 大 小 。 


(3) 然后 ， 我 们 在 SubShader 语义 块 中 定义 了 一 个 Pass 语义 块 。 这 是 因为 顶点 / 片 元 着 色 器 的 代码 需 
要 写 在 Pass 语义 块 ， 而 非 SubShader 语义 块 中 。 而 且 ， 我 们 在 Pass 的 第 一 行 指 明了 该 Pass 的 光照 模式 : 


SubShader { 
Pass { 
Tags { "LightMode"="ForwardBase" } 


LightMode 标 签 是 Pass 标 签 中 的 一 种 ， 它 用 于 定义 该 Pass 在 Unity 的 光照 流水 线 中 的 角色 ， 在 第 9 章 中 我 
们 会 更 加 详细 地 解释 它 。 在 这 里 ， 我 们 下 需要 知道 ”只 有 定义 了 正 乡 的 TightMode 我 们 才能 得 到 一 些 
Unity 的 内 置 光 照 变量 ， 例 如 _LightColor0。 


(4) 然后 ， 我 们 使 用 CGPROGRAM 和 ENDCG 来 包围 CG 代码 片 ， 以 定义 最 重要 的 顶点 着 色 器 和 片 
着 色 器 代码 。 首 先 ， 我 们 使 用 元 ragma 指 令 来 告诉 Unity， 我 们 定义 的 顶点 着 色 器 和 片 元 着 色 器 叫 什 么 名 
字 。 在 本 例 中 ， 它 们 的 名 字 分 别 是 vert 和 frag: 


CGPROGRAM 


#pragma vertex vert 
#pragma fragment frag 


(5) 为 了 使 用 Unity 内 置 的 一 些 变量 ， 如 _LightColor0 ， 还 需要 包含 进 Unity 的 内 置 文件 
Lighting.cginc: 


#include "Lighting.cginc" 


志明 的 属性 ， 我 们 需要 定义 和 这 些 属 性 类 型 相 匹配 的 变 


(6) 为 了 在 Shader 中 使 用 Properties 语义 块 


Im| 
到 | 


fixed4 _Diffuse; 
fixed4 _Specular; 
float _Gloss; 


下 


于 颜色 属性 的 范围 在 0 到 1 之 间 ， 因 此 对 于 _Diffuse 和 _Specular 属 性 我 们 可 以 使 用 fixed 精 度 的 变量 来 
G 


存储 它 。 而 _Gloss 的 范围 很 大 ， 因 此 我 们 使 用 float 精 度 来 存储 。 
然后 ， 我 们 定义 了 顶点 着 色 器 的 输入 和 输出 结构 体 (输出 结构 体 同时 也 是 片 元 着 色 器 的 输入 结 


struct a2v 
float4 vertex : POSITION; 
float3 normal : NORMAL; 


/ 
struct v2f { 


float4 pos : SV_POSITION; 
fixed3 color : COLOR; 


}; 


(8) 在 顶点 着 色 器 中 ， 我 们 计算 了 包含 高 光 反 射 的 光照 模型 : 


v2f vert(a2v v) { 
v2f 0)， 
// Transform the vertex from object space to projection space 
0.pos = mul(UNITY_MATRIX_MVP, v.vertex); 


// Get ambient term 
fixed3 ambient = UNITY_LIGHTMODEL AMBIENT .xyz; 


// Transform the normal fram object space to world space 

fixed3 worldNormal = normalize(mul(v.normal, (float3x3)_ World20bject)); 
// Get the light direction in world space 

fixed3 worldLightDir = normalize(_WorldSpaceLightPos0 .xyz); 


// Compute diffuse term 
fixed3 diffuse = _LightColorO.rgb * _Diffuse.rgb * saturate(dot(worldNormal, worldLightDir)); 


// Get the reflect direction in world space 

fixed3 reflectDir = normalize(reflect(-worldLightDir, worldNormal)); 

// Get the view direction in world space 

fixed3 viewDir = normalize(_ WorldSpaceCameraPos.xyz - mul(_Object2world, v.vertex).xyz); 


// Compute specular term 
fixed3 specular = _LightCcolorg.rgb * _Specular.rgb * pow(saturate(dot(reflectDir, viewDir)), _Glog 


oO.color = ambient + diffuse + specular; 


return o; 


中 漫 反 射 部 分 的 计算 和 6.4 市 中 的 代码 完全 一 致 。 对 于 高 光 反 射 部 分 ， 我 们 首先 计算 了 入 射 光线 方 


的 摄 


比 ， 


向 关于 表面 法 线 的 反射 

我 们 需要 对 worldLightDir 取 反 后 再 传 给 reflect 函 数 。 然 后 ， 我 们 通过 _WorldSpaceCameraPos 得 到 了 世界 空 
Wa 

和 


像 机 位 置 ， 再 把 顶点 位 置 从 模型 空间 变换 到 世界 空间 下 ， 再 通过 和 _WorldSpaceCameraPos 相 
导 到 世界 空间 下 的 视角 方向 。 


方向 reflectDir。 由 于 Cg 的 reflect 函 数 的 入 射 方向 要 求 是 由 光源 指向 交点 处 的 ， 因 此 


SS 


a 
ym 
一 


于 


我 们 已 经 得 到 了 所 有 的 4 个 参数 ， 代 入 公式 即 可 得 到 高 光 反 射 的 光照 部 分 。 最 后 ， 再 和 环境 


光 、 漫 反射 光 相 加 存储 到 最 后 的 颜色 中 。 


(9) 


1 


片 元 着 色 器 的 代码 非常 简单 ， 我 们 只 需要 直接 返回 顶点 颜色 即 可 : 


} 


fixed4 frag(v2f i) : SV_Target { 
return fixed4(i.color, 1.0); 


(10) 最 后 ， 我 们 需要 把 这 个 Unity Shader 的 回调 Shader 设 置 为 内 置 的 Specular: 


Fallback "Specular" 


使 用 逐 顶点 的 方法 得 到 的 高 光 效果 有 比较 大 的 问题 ， 我 们 可 以 在 图 6.10 中 看 出 高 光 部 分 明显 不 平滑 。 
这 主要 是 因为 ， 高 光 反 射 部 分 的 计算 是 非 线性 的 ， 而 在 顶点 着 色 器 中 计算 光照 再 ; 行 插值 的 过 程 是 线性 
的 ， 破 坏 了 原 计 算 的 非 线性 关系 ， 就 会 出 现 较 大 的 视觉 问题 。 因 此 ， 我 们 就 需要 使 用 逐 像素 的 方法 来 计算 
高 光 反 射 。 


s 


> 
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A 图 6.11 逐 像素 的 高 光 反 射 光 照 效果 


6.5.2 ”实践 : 逐 像素 光照 

我 们 可 以 使 用 逐 像 素 光 照 来 得 到 更 加 平滑 的 高 光 效 果 ， 如 岁 6.11 所 示 。 
先 ， 我 们 需要 进行 如 下 准备 工作 。 
(1) 使 用 和 6.5.1 小 市 同样 的 场景 。 
(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 SpecularPixelLevelMat 。 


(3) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Shader 名 为 Chapter6-SpecularPixelLevel。 把 新 的 
Shader 赋 给 第 2 步 中 创建 的 材质 。 


(4) 把 第 2 步 中 创建 的 材质 赋 给 胶 宫 体 。 


打开 Chapter6-SpecularPixelLevel， 删 除 已 有 的 Shader 代 码 ， 把 上 6.5.1 节 中 的 代码 粘贴 进去 ， 并 对 顶点 
着 色 器 和 片 元 着 色 器 进行 如 下 修改 。 


(1) 修改 顶点 着 色 器 的 输出 结构 体 v2f: 


[ey 
= 


struct v2f { 
float4 pos : SV_POSITION; 
float3 worldNormal : TEXCOORDO; 
float3 worldPos : TEXCOORD1， 


}; 


(2) 顶点 着 色 器 只 需要 计算 世界 空间 下 的 法 线 方向 和 顶点 坐标 ， 并 把 它们 传递 给 片 元 着 色 器 即 可 : 


v2f vert(a2v v) { 
v2f 0o; 
// Transform the vertex from object space to projection space 
0.pos = mul(UNITY_MATRIX_MVP, v.vertex); 


// Transform the normal fram object space to world space 
oOo.worldNormal = mul(v.normal, (float3x3) World20bject); 


// Transform the vertex from object space to world space 
oOo.worldPos = mul(_Object2Wwor]ld, v.vertex).xyz; 


return o; 


(3) 片 元 着 色 器 需要 计算 关键 的 光照 模型 : 


fixed4 frag(v2f i) : SV_ Target { 
// Get ambient term 
fixed3 ambient = UNITY_LIGHTMODEL AMBIENT .xyz; 


fixed3 worldNormal = normalize(i.worldNormal); 
fixed3 worldLightDir = normalize(_WorldSpaceLightPos0 .xyz); 


// Compute diffuse term 
fixed3 diffuse = _LightColorO.rgb * _Diffuse.rgb * saturate(dot(worldNormal, worldLightDir)); 


// Get the reflect direction in world space 

fixed3 reflectDir = normalize(reflect(-worldLightDir, worldNormal)); 
// Get the view direction in world space 

fixed3 viewDir = normalize(_WorldSpaceCameraPos.xyz - i.worldPos.xyz); 
// Compute specular term 

fixed3 specular = _LightColorO.rgb * _Specular.rgb * pow(saturate(dot(reflectDir, viewDir)), _Glogs 


return fixed4(ambient + diffuse + specular, 1.0); 


上 面 的 代码 和 6.5.1 节 中 的 基本 相同 ， 在 此 不 再 痪 述 。 


可 以 看 出 ， 按 逐 像素 的 方式 处 理光 照 可 以 得 到 更 加 平滑 的 高 光 效 果 。 至 此 ， 我 们 就 实现 了 一 个 完整 的 
Phong 光 照 模型 。 


6.5.3 ”Blinn-Phong 光 照 模型 


在 6.5.2 小 节 中 ， 我 们 给 出 了 Phong 光 照 模 型 在 Unity 中 的 实现 ， 而 在 6.2.4 节 中 ， 我 们 还 提 到 了 男 一 种 高 
光 反 射 的 实现 方法 一 一 Blinn 光 照 模型 。 回 忆 一 下 ，Blinn 模 型 没有 使 用 反射 方向 ， 而 是 引入 一 个 新 的 矢量 
已 是 通过 对 视角 方向 六 和 光照 方向 ! 相 加 后 再 归 一 化 得 到 的 。 即 


~ $+i 
h = 一 一 一 
十 1 


而 Blinn 模 型 计算 高 光 反 射 的 公式 如 下 : 


Cspecular 二 (Clight hspecular ) max(0, nh hh) es 
Blinn-Phong 模 型 的 实现 和 6.5.2 节 中 的 代码 很 类 似 。 为 此 。 
(1) 仍然 使 用 和 6.5.2 节 同样 的 场景 。 
(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 BlinnPhongMat 。 


(3) 新 建 一 个 Unity Shader。 在 本 书 资 源 中 ， 该 Shader 名 为 Chapter6-BlinnPhong。 把 新 的 Shader 赋 给 第 
2 步 中 创建 的 材质 。 


(4) 把 第 2 步 中 创建 的 材质 赋 给 胶 宫 体 。 


tt 


打开 Chapter6-BlinnPhong， 删 除 已 有 的 Shader 代 码 ， 并 把 6.5.2 节 中 的 Chapter6-Specular PixelLevel 代 码 
直接 粘贴 进去 。 我 们 只 需要 修改 片 元 着 色 器 中 对 高 光 反 射 部 分 的 计算 代码 ; 


fixed4 frag(v2f i) : SV_Target { 


// Get the view direction in world space 

fixed3 viewDir = normalize(_WorldSpaceCameraPos.xyz - i.worldPos.xyz); 
// Get the half direction in world space 

fixed3 halfDir = normalize(worldLightDir + viewDir); 

// Compute specular term 

fixed3 specular = _LightCcolorg.rgb * _Specular.rgb * pow(max(0, dot(worldNormal, halfDir)), _Glosg) 


return fixed4(ambient + diffuse + specular, 1.0); 


图 6.12 给 出 了 逐 顶 点 的 高 光 反 射 光照 、 逐 像素 的 高 光 反 射 光照 (Phong 模 型 ) 和 Blinn-Phong 高 光 反 射 
光照 的 对 比 结果 。 
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A 图 6.12 逐 顶 点 的 高 光 反 射 光照 、 逐 像素 的 高 光 反 射 光照 (Phong 光 照 模型 ) 和 Blinn-Phong 高 光 反 射 光 照 的 对 比 结 


可 以 看 出 ，Blinn-Phong 光 照 模 型 的 高 光 反 射 部 分 看 起 来 更 大 、 更 亮 一 些 。 在 实际 泻 染 中 ， 绝 大 多 数 情 
况 我 们 都 会 选择 Blinn-Phong 光 照 模型 。 需 要 再 次 提醒 的 是 ， 这 两 种 光照 模型 都 是 经 验 模型 ， 也 就 是 说 ， 我 
们 不 应 该 认为 Blinn-Phong 模 型 是 对 “正确 的 ?Phong 模 型 的 近似 。 实 际 上 ， 在 一 些 情况 下 ( 详 见 第 18 章 .基于 
物理 的 泻 染 ) ，Blinn-Phong 模 型 更 符合 实验 结果 。 


6.6 ”召唤 神龙 : 使 用 Unity 内 置 的 函数 


读者 可 以 发 现 ， 在 计算 光照 模型 的 时 候 ， 我 们 往往 需要 得 到 光源 方向 、 视 角 
方向 这 两 个 基本 信息 。 在 上 面 的 例子 中 ， 我 们 都 是 目 行 在 代码 里 计算 的 ， 例 如 使 


用 normalize(_WorldSpace LightPos0.xyz) 来 得 到 光源 方向 (这 种 方法 实际 只 适用 于 
了 光 ) ， 使 用 normalize(_WorldSpace CameraPos.xyz - i.worldPosition.xyz) 来 得 到 
如 采 需 要 处 理 更 复杂 的 光照 类 型 ， 如 点 光源 和 聚光灯 ， 我 们 计算 光 
J ' 先 判断 光源 类 型 ， 再 计算 它 的 光 
1 齐 到 


的 过 程 相 对 比较 麻烦 〈 但 并 不 意味 着 你 不 需要 了 解 它 

。 笠 运 的 是 ，Unity 提 供 了 一 ne 息 。 在 
我 们 给 出 了 UnityCG.cginc 里 一 些 非常 有 用 的 帮助 函数 。 我 们 再 
下 它们 。 表 6.1 给 出 了 计算 光照 模型 时 ， 我 们 常常 使 用 的 一 we ° 


平和 


视角 方向 。 但 
源 广 回 的 太 法 


手动 计算 这 些 光 源 信息 
们 的 原理 ) 
5.3.1 节 中 
次 回顾 一 


了 训 是 独 误 的 。 


float3 WorldSpaceViewDir 
(float4 V) 


float3 
UnityWorldSpaceViewDir 
(float4 V) 


float3 ObjSpaceViewDir 
(float4 v) 


表 6.1 UnityCG.cginc 中 一 些 常 用 的 帮助 画 数 


输入 一 个 模型 空间 中 的 顶点 位 置 ， 返 回 世界 空间 中 从 该 点 到 摄像 
机 的 观察 方向 。 内 部 实现 使 用 了 


输入 一 个 世界 空间 中 的 顶点 位 置 ， 返 回 世界 空间 中 从 该 点 到 摄像 
机 的 观察 方向 


输入 一 个 模型 空间 中 的 顶点 位 置 ， 返 回 模型 空间 中 从 该 点 到 摄像 
机 的 观察 方向 


float3 WorldSpaceLightDir 
(float4 V) 


float3 
UnityWorldSpaceLightDir 
(float4 v) 


float3 ObjSpaceLightDir 
(float4 V) 


仅 可 用 于 前 向 泻 染 中 。 输 入 一 个 模型 空间 中 的 顶点 位 置 ，; 


界 空间 9 


FPF 从 该 点 到 光源 的 光照 方向 。 内 部 实现 使 用 了 


UnityWorldSpaceLightDir 画 数 。 没 有 被 归 一 化 


仅 可 用 于 前 向 泻 染 中 。 a 的 顶点 位 置 ，; 


界 空间 


从 该 点 到 光源 的 光照 方向 。 没 有 被 归 一 化 


仅 可 用 于 前 向 泻 染 中 。 输 入 一 个 模型 空间 中 的 顶点 位 置 ， 返 回 模 


型 空间 


FP 从 该 点 到 光源 的 光照 方向 。 没 有 被 归 一 化 


float3 


UnityObjectToWorldNormal 


(float3 norm) 


双 法 线 方向 从 模型 空间 转换 到 世界 空间 


float3 UnityObjectToWorldDir 把 方向 矢量 从 模型 空间 变换 到 世界 空间 


(float3 dir) 


float3 


UnityWorldToObjectDir(float3 | 把 方向 矢量 从 世界 空间 变 


dir) 


: 换 到 模型 空间 ! 


注意 ， 类 似 UnityXXX 的 几 个 函数 是 Unity 5 中 新 添加 的 内 置 画 数 。 这 些 帮助 范 


数 使 得 我 们 不 需要 跟 各 种 变换 矩阵 、 内 置 变 量 
情况 〈 例 如 使 用 了 哪 种 光源 ) ， 而 仅仅 调用 一 
， 有 5 个 我 们 已 经 掌握 了 其 


面 的 9 个 帮助 函数 
函数 实现 如 下 : 


打交道 ， 也 不 需要 考虑 各 种 不 同 的 
上 函数 天 可 以 得 到 需要 的 信息 。 上 
内 部 实现 ， 例 如 WorldSpaceViewDir 


// Computes world space view direction, 


from object space position 
inline float3 UnityworldSpaceViewDir( in float3 worldPos ) 


return _WorldSpaceCameraPos.xyz - worldPos; 


可 以 看 出 ， 这 与 之 前 计算 视角 方向 的 方法 一 致 。 需 要 注意 的 是 ， 这 些 函 数 都 


没有 保证 得 到 的 方向 矢量 


是 单位 矢量 ， 因 此 ， 


我 们 需要 在 使 用 前 把 它们 归 一 化 。 


而 计算 光源 方向 的 3 个 函数 : WorldSpaceLightDir、UnityWorldSpaceLightDir 


和 ObjSpace 


LightDir， 稍 微 复杂 一 些 ， 


需要 注意 的 是 ， 这 3 个 画 数 仅 可 用 于 前 向 演 染 


讲 到 ) 。 这 是 因为 只 有 在 前 向 泻 染 时 ， 这 3 个 函数 里 使 用 的 内 置 变量 


_WorldSpaceLightPos0 等 


会 被 正确 赋值 。 关 了 


这 是 因为 ，Unity 帮 我 们 处 理 了 个 同 种 类 光源 的 情况 。 


(关于 什么 是 前 向 泻 染 会 在 9.1 节 


哪些 内 置 变量 只 会 在 前 向 泻 染 中 被 


正确 赋值 ， 可 以 参见 9.1.1 节 。 


下 面 介 绍 使 用 内 置 函 


数 改 写 Unity Shader 。 


我 们 已 经 在 本 太 涉 及 了 过 多 的 细 记 ， 如 末 


要 知道 ， 在 实际 编写 过 种 


= 


读者 无 法 理解 所 有 内 容 的 话 ， 只 需 


'!， 我 们 往往 会 借助 于 


Unity 的 内 置 函 数 来 帮助 我 们 进行 


各 种 计算 ， 这 可 以 减轻 不 少 我 们 的 “痛苦 ”。 
下 面 ， 我 们 将 使 用 这 些 内 置 函 数 来 改写 6.5.3 小 和 中 使 用 Blinn-Phong 光 照 模 型 


的 Unity Shader。 为 此 。 


(1) 在 Unity 中 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 Scene 6 _ 6。 在 


Unity 5.2 


， 默 认 情 况 下 场景 将 包含 一 个 摄像 机 和 一 个 平行 光 ， 并 且 使 用 了 内 置 


的 天 空 盒子 。 在 Window -> Lighting -> Skybox 中 去 掉 场 景 中 的 天 空 盒子 。 


(2) 新 建 一 个 材质 。 在 本 书 资源 


， 该 材质 名 为 


BlinnPhongUseBuildInFunctionMat ° 


(3) 新 建 一 个 Unity Shader。 在 本 书 资源 


， 该 Shader 名 为 Chapter6- 


BlinnPhongUseBuildIn unction。 把 新 的 Shader 赋 给 第 2 步 中 创建 的 材质 。 
(4) 创建 一 个 胶 塞 体 ， 并 把 第 2 步 中 创建 的 材质 赋 给 它 。 


Chapter6-BlinnPhongUseBuildInFunction 中 的 代码 几乎 和 Chapter6-BlinnPhong 


(1) 在 顶点 着 色 器 
算 世 界 空间 下 的 法 线 方向 ， 


v2f vert(a2v v) { 
v2f 0o; 


的 完全 一 样 ， 只 是 计算 时 使 用 了 Unity 的 内 置 画 数 。 修 改 部 分 的 代码 如 下 : 


， 我 们 使 用 内 置 的 UnityObjectTowWorldNormal 函 数 来 计 


// Use the build-in function to compute the normal in world Space 


oOo.worldNormal = UnityObjectToworldNormal(v.normal); 


return o,; 


(2) 在 片 元 着 色 器 
UnityWorldSpaceView 


， 我 们 使 用 内 置 的 UnityWorldSpaceLightDir 范 数 和 


Dir 函 数 来 分 别 计算 世界 空间 的 光照 方向 和 视角 方向 : 


fixed4 frag(v2f i) : SV_Target { 


fixed3 worldNormal = normalize(i,.worldNormal); 

// Use the build-in function to compute the light direction in world spac 
// Remember to normalize the result 

fixed3 worldLightDir = normalize(UnityworldSpaceLightDir(i.worldPos)); 


// Use the build-in function to compute the view direction in world space 
// Remember to normalize the result 
fixed3 viewDir = normalize(UnityworldSpaceViewDir(i.worldPos)); 


需要 注意 的 是 ， 由 内 置 函 数 得 到 的 方向 是 没有 归 一 化 的 ， 因 此 我 们 需要 使 用 


normalize 函 数 来 对 结果 进行 归 一 化 ， 再 进行 光照 模型 的 计算 。 


第 7 章 ”基础 纹理 


纹理 最 初 的 目的 就 是 使 用 一 张 图 片 来 控制 模型 的 外 观 。 使 用 纹理 
(texture mapping) 技术 ， 我 们 可 以 把 一 张 图 “ 笑 * 在 模型 表 
面 ， (texel) ”( 纹 素 的 名 字 是 为 了 和 像素 进行 区 分 ) 地 控制 模 
型 的 颜色 。 


在 美术 人 员 建 模 的 时 候 ， 通 常会 在 建 模 软件 中 利用 纹理 展开 技术 
把 纹理 映射 坐标 (texture-mapping coordinates) 存储 在 每 个 顶点 
上 。 纹 理 映 射 坐标 定义 了 该 顶点 在 纹理 中 对 应 的 2D 坐 标 。 通 常 ， 这 些 
坐标 使 用 一 个 二 维 变量 (u v) 来 表示 ， 其 中 u 是 横向 坐标 ， 而 v 是 纵 癌 坐 
标 。 因 此 ， 纹 理 映 射 坐 标 也 被 称 为 UV 坐标 。 


尽管 纹理 的 大 小 可 以 是 多 种 多 样 的 ， 例 如 可 以 是 256x256 或 者 
1024x1024， 但 顶点 UV 坐标 的 范围 通常 都 被 归 一 化 到 [0, 1] 范 围 内 。 需 
要 注意 的 是 ， 纹 理 采 样 时 使 用 的 纹理 坐标 不 一 定 是 在 [0, 1 范围 内 。 实 
际 上 ， 这 种 不 在 [0, 1] 范 围 内 的 纹理 坐标 有 时 会 非常 有 用 。 与 之 关系 紧 
密 的 是 纹理 的 平 铺 模 式 ， 它 将 决定 泻 染 引 警 在 遇 到 不 在 [0, 1] 范 围 内 的 
2 
3 


在 本 书 之 前 的 章节 中 ， 我 们 兽 不 止 一 次 地 提 到 过 OpenGL 和 
DirectX 在 二 维 纹理 空间 中 的 坐标 系 差 异 问 题 。 重 要 的 事情 要 说 很 多 
次 ， 我 们 再 来 回顾 一 下 。 在 OpenGL 里 ， 纹 理 空 间 的 原点 位 于 左下 角 ， 
而 在 DirectX 中 ， 原 点 位 于 左上 角 。 驻 运 的 是 ，Unity 在 绝 大 多 数 情况 下 
(特例 情况 可 以 参见 5.6 和 ) 为 我 们 处 理 好 了 这 个 差异 问题 ， 也 就 是 
说 ， 即 便 游 戏 的 目标 平台 可 能 既 有 OpenGL 风 格 的 ， 也 有 DirectX 风 格 
的 ， 但 我 们 在 Unity 中 使 用 的 通常 只 有 一 种 坐标 系 。Unity 使 用 的 纹理 
ee 
7.1 所 示 。 


(0, 0) (1, 0) 


A 图 7.1 Unity 中 的 纹理 坐标 


本 草 将 介绍 如 何在 Unity 中 利用 纹理 采样 来 实现 更 加 丰富 的 视觉 效 
末 。 在 7.17 中 ， 我 们 将 学 习 如 何在 Unity Shader 中 进行 最 基本 的 纹理 
采样 ， 并 介绍 纹理 的 属性 等 基本 概念 。7.2 节 将 介绍 游戏 中 应 用 广泛 的 
町 凸 纹理 ， 还 会 解释 Unity 中 法 线 纹理 的 一 些 实现 细 市 。7.3 字 和 7.4 届 
将 分 别 介 绍 两 类 特殊 的 纹理 类 型 ， 即 渐变 纹理 和 人 迟 章 纹理 ， 这 些 纹理 
在 游戏 中 的 应 用 非常 广泛 。 


需要 提醒 读者 注意 的 是 ， 本 章 着 重 讲述 纹理 采样 的 原理 ， 因 此 实 
现 的 Shader 往 往 并 不 能 直接 应 用 到 实际 项 目 中 〈 直 接 使 用 的 话 会 缺少 
阴影 、 光 照 衰减 等 效果 ) 。 我 们 会 在 9.5 节 给 出 包含 了 纹理 采样 和 完整 
光照 模型 的 可 真正 使 用 的 Unity Shader 。 


7.1 单 张 纹理 


我 们 通常 会 使 用 一 张 纹理 
j 单 张 纹理 来 作为 模拟 的 颜 


来 代替 物体 的 漫 反射 颜色 。 在 本 节 中 ， 我 们 将 学 习 如 何在 Unity Shader 中 使 
。 在 学 习 完 本 节 后 ， 我 们 会 得 到 类 似 图 7.2 中 的 效果 。 


[BH 


Maximize on Play | Mute audio | Stats | Gizmos ™ 


Single TextureMat 


4 图 7.2 ”使 用 单 张 纹理 


7.1.1 ”实践 
在 本 例 中 ， 我 们 仍然 使 用 Blinn-Phong 光 照 模 型 来 计算 光照 。 准 备 工作 如 下 。 

(1) 在 Unity 中 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 Scene_7_1。 在 Unity 5.2 中 ， 默 认 情 况 下 场 
景 将 包含 一 个 摄像 机 和 一 个 平行 光 ， 并 且 使 用 了 内 置 的 天 空 盒子 。 在 Window -> Lighting -> Skybox 中 去 掉 
场景 中 的 天 空 盒子 。 

(2) 新 建 一 个 材质 。 在 本 书 资源 


(3) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Unity Shader 名 为 Chapter7-SingleTexture。 把 新 的 Unity 
Shader 赋 给 第 2 步 中 创建 的 材质 。 


(4) 在 场景 中 创建 一 个 胶 宫 体 ， 并 把 
(5) 保存 场景 。 
打开 新 建 的 Chapter7-SingleTexture， 删 除 所 有 已 有 代码 ， 并 进行 如 下 修改 。 


(1) 首先 ， 我 们 需要 为 这 个 Unity Shader 起 一 个 名 字 : 


>XY 
过 
洒 


5 名 为 SingleTextureMat 。 


第 2 步 中 的 材质 赋 给 该 胶 宫 体 。 


Shader "Unity Shaders Book/Chapter 7/Single Texture" { 


0 
a 
人 


(2) 为 了 使 用 纹理 ， 我 们 需要 在 Properties 语 义 块 中 添加 一 个 纹理 属性 : 


Properties { 
_Color ("Color Tint", Color) = (1,1,1,1) 
_MainTex ("Main Tex", 2D) = "white" {} 
_Specular ("Specular", Color) = (1, 1, 1, 1) 
_Gloss ("Gloss", Range(8.0, 256)) = 20 

} 


上 面 的 代码 声明 了 一 个 名 为 _MainTex 的 纹理 ， 在 3.3.2 节 中 ， 我 们 已 经 知道 2D 是 纹理 属性 的 声明 方 
式 。 我 们 使 用 一 个 字符 串 后 跟 一 个 花 括 号 作为 它 的 初始 值 ,“white" 是 内 置 纹理 的 名 字 ， 也 就 是 一 个 全 白 的 
纹理 。 为 了 控制 物体 的 整体 色调 ， 我 们 还 声明 了 一 个 _Color 属 性 。 


(3) 然后 ， 我 们 在 SubShader 语 义 块 中 定义 了 一 个 Pass 语 义 块 。 而 且 ， 我 们 在 Pass 的 第 一 行 指明 了 该 
Pass 的 光照 模式 : 


SubShader { 
Pass { 
Tags { "LightMode"="ForwardBase" } 


的 角色 。 


(4) 接着 ， 我 们 使 用 CGPROGRAM 和 ENDCG 来 包围 住 Cg 代码 片 ， 以 定义 最 重要 的 顶点 着 色 器 和 片 
元 着 色 器 代码 。 首 先 ， 我 们 使 用 卸 ragma 指 令 来 告诉 Unity， 我 们 定义 的 顶点 着 色 器 和 片 元 着 色 器 叫 什么 多 


LightMode 标 签 是 Pass 标 签 中 的 一 种 ， 它 用 于 定义 该 Pass 在 Unity 的 光照 流水 线 


ea 


字 。 在 本 例 中 ， 它 们 的 名 字 分 别 是 vert 和 frag: 


CGPROGRAM 


#pragma vertex vert 
#pragma fragment frag 


(5) 为 了 使 用 Unity 内 置 的 一 些 变量 ， 如 _LightColor0 ， 还 需要 包含 进 Unity 的 内 置 文件 
Lighting.cginc: 


#include "Lighting.cginc" 


1 


(6) 我 们 需要 在 Cg 代码 片 中 声明 和 上 述 属性 类 型 相 匹 配 的 变量 ， 以 便 和 材质 鱼 


板 中 的 


恒 性 建立 联 


0 
en 


IN\: 


fixed4 _Color; 
sampler2D _MainTex; 
float4 MainTex_ST; 
fixed4 _Specular; 
float _Gloss; 


与 其 他 属性 类 型 不 同 的 是 ， 我 们 还 需要 为 纹理 类 型 的 属性 声明 一 个 float4 类 型 的 变量 MainTex_ST。 其 
中 ，_MainTex_ST 的 名 字 不 是 任意 起 的 。 在 Unity 中 ， 我 们 需要 使 用 纹理 名 _ST 的 方式 来 声明 某 个 纹理 的 
属性 。 其 中 ，ST 是 缩放 (scale) 和 平移 (translation) 的 缩写 。_ MainTex_ST 可 以 让 我 们 得 到 该 纹理 的 缩 
放 和 平移 ( 偏 移 ) 值 ，_MainTex_ST.xy 存 储 的 是 缩放 值 ， 而 _MainTex_ST.zw 存 储 的 是 偏 移 值 。 这 些 值 可 LD 
在 材质 面板 的 纹理 属性 中 调节 ， 如 图 7.3 所 示 。 在 7.1.2 节 中 ， 我 们 将 更 详细 地 解释 这 些 纹理 属性 。 


Main Tex 


Tiling 
Offset 


和 图 7.3 ”调节 纹理 的 平 铺 (缩放 ) 和 偏 移 平移) 属性 
(7) 接 下 来 ,我 们 需要 定义 顶点 着 色 器 的 输入 和 输出 结构 体 : 


struct a2v { 
float4 vertex : POSITION; 
float3 normal : NORMAL; 
float4 texcoord : TEXCOORDO; 
}; 


struct v2f { 
float4 pos : SV_POSITION; 
float3 worldNormal : TEXCOORDO; 
float3 worldPos : TEXCOORD1; 
float2 uv : TEXCOORD2; 


}; 


Tk 


在 上 面 的 代码 中 ， 我 们 首先 在 a2v 结 构 体 中 使 用 TEXCOORD0 语 义 声明 了 一 个 新 的 变量 texcoord ， 这 检 
Unity 就 会 将 模型 的 第 一 组 纹理 坐标 存储 到 该 变量 中 。 然 后 ， 我 们 在 v24 结 构 体 中 添加 了 用 于 存储 纹理 坐标 
的 变量 uv， 以 便 在 片 元 着 色 器 中 使 用 该 坐标 进行 纹理 采样 。 


(8) 然后 ， 我 们 定义 了 顶点 着 色 器 : 


v2f vert(a2v v) { 
v2f 0o; 
0.pos = mul(UNITY_MATRIX_MVP, v.vertex); 
oOo.worldNormal = UnityOobjectToworldNormal(v.normal); 
oOo.worldPos = mul(_Object2Wworld, v.vertex).xyz; 
O.UV = V.texcoord.xy * MainTex_ST.xy + _MainTex_ST.zw; 
// Or just call the built-in function 
// O.UV = TRANSFORM TEX(v.texcoord, _MainTex); 


return o; 


t 


在 顶点 着 色 器 中 ， 我 们 使 用 纹理 的 属性 值 MainTex_ST 来 对 顶点 纹理 坐标 进行 变换 ， 得 到 最 终 的 纹理 
E 标 。 计 算 过 程 是 ， 首 先 使 用 缩放 属性 _MainTex_ST.xy 对 顶点 纹理 坐标 进行 缩放 ， 然 后 再 使 用 偏 移 属性 
_MainTex_ST.zw 对 结果 进行 偏 移 。Unity 提 供 了 一 个 内 置 宏 TRANSFORM_TEX 来 帮 我 们 计算 上 述 过 程 。 
TRANSFORM_TEX 是 在 UnityCG.cginc 中 定义 的 : 


[之 


// Transforms 2D UV by scale/bias property 
#define TRANSFORM_ TEX(tex,name) (tex.xy * name## ST.xy + name##_ ST .zw) 


它 接受 两 个 参数 ， 第 一 个 参数 是 顶点 纹理 坐标 ， 第 二 个 参数 是 纹理 名 ， 在 它 的 实现 中 ， 将 利用 纹理 名 
_ST 的 方式 来 计算 变换 后 的 纹理 坐标 。 


(9) 我 们 还 需要 实现 片 元 着 色 器 ， 并 在 计算 漫 反 射 时 使 用 纹理 中 的 纹 素 值 : 


DU 


[ys 


fixed4 frag(v2f i) : SV_Target { 
fixed3 worldNormal = normalize(i.worldNormal); 
fixed3 worldLightDir = normalize(UnityworldSpaceLightDir(i.worldPos)); 


// Use the texture to sample the diffuse color 
fixed3 albedo = tex2D(_MainTex, i.uv).rgb * _Color.rgb; 


fixed3 ambient = UNITY_LIGHTMODEL AMBIENT.xyz * albedo; 


fixed3 diffuse = _LightColorO.rgb * albedo * max(0, dot(worldNormal, worldLightDir)); 


fixed3 viewDir = normalize(UnityworldSpaceViewDir(i.worldPos)); 
fixed3 halfDir = normalize(worldLightDir + viewDir); 
fixed3 specular = _LightColorO.rgb * _Specular.rgb * pow(max(0, dot(worldNormal, halfDir)), _Glosg) 


return fixed4(ambient + diffuse + specular, 1.0); 


上 面 的 代码 首先 计算 了 世界 空间 下 的 法 线 方向 和 光照 方向 。 然 后 ， 使 用 Cg 的 tex2D 画 数 对 纹理 进行 采 
样 。 它 的 第 一 个 参数 是 需要 被 采样 的 纹理 ， 第 二 个 参数 是 一 个 float2 类 型 的 纹理 坐标 ， 它 将 返回 计算 得 到 
的 纹 素 值 。 我 们 使 用 采样 结果 和 颜色 属性 _Color 的 乘积 来 作为 材质 的 反射 率 albedo， 并 把 它 和 环境 光照 相 
乘 得 到 环境 光 部 分 。 随 后 ， 我 们 使 用 albedo 来 计算 漫 反射 光 照 的 结果 ， 并 和 环境 光照 、 高 光 反射 光照 相 加 
后 返回 。 


(10) 最 后 ， 我 们 为 该 Shader 设 置 了 合适 的 Fallback: 


0 


Fallback "Specular" 


保存 后 返回 Unity 中 查看 。 在 SingleTextureMat 的 面板 上 ， 我 们 使 用 本 书 资源 中 的 Brick_Diffuse.jpg 纹 理 
对 Main Tex 属 性 进行 赋值 。 


7.1.2 ”纹理 的 属性 


昌 然 很 多 资料 把 Unity 的 纹理 映射 描述 得 很 简单 一 一 声明 一 个 纹理 变量 ， 再 使 用 tex2D 画 数 采 样 。 实 际 
FF， 在 泻 染 流水 线 中 ， 纹 理 映 射 的 实现 远 比 我 们 想象 的 复杂 。 在 本 书 不 会 过 多 涉及 一 些 具体 的 实现 细 市 ， 
但 要 解释 一 些 我 们 认为 读者 必须 要 知道 的 事情 。 在 本 节 中 ， 我 们 将 关 注 Unity 中 的 纹理 属性 


在 我 们 向 Unity 中 导入 一 张 纹理 资源 后 ， 可 以 在 它 的 材质 面板 上 调整 其 属性 ， 如 图 7.4 所 示 。 


纹理 面板 中 的 第 一 个 属性 是 纹理 类 型 。 在 本 节 中 ， 我 们 使 用 的 是 Texture 类 型 ， 在 下 面 的 法 线 纹理 一 
节 中 ， 我 们 会 使 用 Normal map 类 型 。 而 在 后 面 的 章节 中 ， 我 们 还 会 看 到 Cubemap 等 高 级 纹理 类 型 。 我 们 
之 所 以 要 为 导入 的 纹理 选择 合适 的 类 型 ， 是 因为 只 有 这 样 才 能 让 Unity 知 道 我 们 的 意图 ， 为 Unity Shader 传 
递 正 确 的 纹理 ， 并 在 一 些 情况 下 可 以 让 Unity 对 该 纹理 进行 优化 。 


Ht 
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中 


Po 


©@ Inspector II 
Brick Import Settings 交 ， 
[open | 
Texture Type | Texture 
Alpha from Grayscale [ ] 
Wrap Mode | Repeat 
Filter Mode | Bilinear 
Aniso Level |] 
joeaut | 国有 | 日 | 此 | 鳃 | 目 j 
Max Size 1024 $$ 
Format | Compressed 、 4 | 


| Revert || Apply | 


A 图 7.4 纹理 的 属 | 


当 把 纹理 类 型 设置 成 Texture 后 ， 下 面 会 有 一 个 Alpha from Grayscale 复 选 框 ， 如 果 人 义 选 了 它 ， 那 么 透 
明 通 道 的 值 将 会 每 个 像素 的 灰 度 值 生成 。 关于 透明 效果 ， 我 们 会 在 第 8 章 中 讲 到 。 在 这 里 我 们 不 需要 勾 


[3 


一 个 属性 非常 重要 一 Wrap Mode。 它 决定 了 当 纹 理 坐 标 超 过 [0, 1] 范 围 后 将 会 如 何 被 平 铺 。Wrap 
Mode 有 两 种 模式 : 是 Repeat ， 在 这 种 模式 下 ， 如 果 纹 理 坐 标 超过 了 1， 那 么 它 的 整数 部 分 将 会 被 舍 
弃 ， 而 直接 使 用 小 数 部 分 进行 采样 ， 这 样 的 结果 是 纹理 将 会 不 断 重 复 ; 另 一 种 是 Clamp ， 在 这 种 模式 下 ， 


出 


如 果 纹 理 坐 标 大 于 1， 
张 纹理 的 效果 (读者 可 


那么 将 会 
在 本 


截取 到 1， 
资源 中 的 Scene 7 1 2 a 


如 果 小 于 0， 那 么 将 


图 7.5 展 示 了 在 纹理 


的 


Repeat 模 式 ， 


A 图 7.5 Wrap Mode 决 定 了 当 纹 理 坐 标 


F 铺 (Tiling) 


退 过 [0, 1] 范 转 


在 这 种 模式 下 纹理 将 会 不 断 重复 ， 右 图 


会 截取 到 边界 值 ， 形 成 一 个 条 形 结构 。 


需要 注意 的 是 ， 


量 ) 在 Unity Shader 中 对 顶点 纹理 多 


想 要 让 纹理 得 到 这 档 
“ 标 进 


的 效果 ， 我 们 必须 使 


属性 为 (3, 3) 时 分 别 使 用 两 
使 用 了 Clamp 模 式 ， 在 这 种 模式 下 超过 范围 的 部 分 将 


纹理 的 
行 相应 的 变换 。 也 就 是 说 ， 


后 将 会 如 何 被 平 铺 


会 截取 到 0。 图 7.5 给 出 了 两 种 模式 下 平 铺 一 
找到 相应 场景 ) 。 


左 图 使 用 ] 


种 Wrap Mode 的 结果 。 


属性 (例如 上 面 的 


_MainTex_ST 变 


代码 中 需要 包含 类 似 下 


面 的 代码 : 


O.UV = V,texcoord ,xy 


// Or just call the built-in function 
O.UV = TRANSFORM_ TEX(v.texcoord, _MainTex); 


* MainTex_ST.xy + _MainTex_ST.zw; 


全 出 了 两 种 模式 下 调整 纹理 偏 移 量 


FE 为 (0.2, 0.6) 时 分 别 使 用 两 种 Wrap Mode 的 结果 ， 左 图 使 月 


一 个 例子 。 


日 了 Repeat 模 


我 们 还 可 以 在 材质 面板 中 调整 纹理 的 偏 移 量 ， 图 7.6 
图 7.6 展 示 了 在 纹理 的 偏 移 属 性 
式 ， 右 图 使 用 了 Clamp 模 式 。 
纹理 导入 面板 中 的 下 一 个 属性 是 Filter Mode 属性 ， 
种 滤波 模式 。Filter Mode 支 持 3 种 模式 : Point ， 
升 ， 但 需要 耗费 的 性 能 也 依次 ] 
一 张 64x64 大 小 的 纹理 贴 在 一 个 512x512 大 小 的 平面 上 时 ， 
放大 结果 。 读 者 可 以 在 本 书 资源 中 的 Scene_7_1_2_b 中 找到 该 场景 。 


(0.2, 0.6) 


(0.2, 0.6) 


Bilinear 以 及 Trilinear 。 它 们 得 到 的 
增 大 。 纹 理 滤 波 会 影响 放大 或 缩小 纹理 时 得 到 的 图 片 质量 。 例 如 ， 当 我 们 把 
就 需要 放大 纹理 。 图 7.7 给 出 了 3 种 滤波 模式 下 的 


蔬 决 定 了 当 纹 理由 于 变换 而 产生 拉 伸 时 将 
图 片 滤 波 效 果 依次 提 


裔 移 (Offset) 


属性 决定 了 纹理 坐标 的 偏 移 


会 采用 哪 


Rl J i 


Filter Mode: Point Filter Mode: Bilinear Filter Mode: Trilinear 


4 图 7.7 在 放大 纹理 时 ， 分 别 使 用 3 种 Filter Mode 得 到 的 结果 


纹理 缩小 的 过 程 比 放 大 更 加 复杂 一 些 ， 此 时 原 纹理 中 的 多 个 像素 将 会 对 应 一 个 目标 像素 。 纹 理 缩小 更 
加 复杂 的 原因 在 于 我 们 往往 需要 处 理 抗 锯 齿 问 题 ， 一 个 最 常 使 用 的 方法 就 是 使 用 多 级 渐 远 纹理 
(mipmapping) 技术 。 其 中 “mip” 是 拉杆 文 “multum in parvo” 的 缩写 ， 它 的 意思 是 “在 一 个 小 空间 中 有 许 
多 东西 "*。 如同 它 的 名 字 ， 多 级 渐 远 纹理 技术 将 原 纹理 提前 用 滤波 处 理 来 得 到 很 多 更 小 的 图 像 ， 形 成 了 一 
个 图 像 金字 塔 ， 每 一 层 都 是 对 上 一 层 图 像 降 采 样 的 结果 。 这 样 在 实时 运行 时 ， 就 可 以 快速 得 到 结果 像素 ， 
例如 当 物 体 远 光 所 象 机 时 ， 可 以 直接 使 用 较 小 的 纹理 。 但 缺点 是 需要 使 用 一 定 的 空间 用 于 存储 这 些 多 级 源 
远 纹理 ， 通常 会 多 占 J33% 的 内 容 空 闻 。 这 是 一 种 典型 的 用 空间 换取 时 间 的 方法 。 在 Unity 中 ， 我 们 可 以 在 
纹理 导入 面板 中 ， 首 先 将 纹理 类 型 (Texture Type) 选择 成 Advanced ， 再 勾 选 Generate Mip Was 即 可 开启 
多 级 渐 远 纹 理 技术 。 同 时 ， 我 们 还 可 以 选择 生成 多 级 渐 远 纹理 时 是 否 使 用 线性 空间 〈 用 于 伽 玛 校正 ， 详 见 
18.4.2 订 ) 以 及 采用 的 滤波 器 等 ， 如 图 7.8 所 示 。 


图 7.9 给 出 了 从 一 个 倾斜 的 角度 观察 一 个 网 格 结构 的 地 板 时 ， 使 用 不 同 Filter Mode (同时 也 使 用 了 多 级 
渐 远 纹理 技术 ) 得 到 的 效果 。 读 者 可 以 在 本 书 资源 中 的 Scene_7_1_2_c 中 找到 该 场景 。 

答 内 部 实现 上 ，Point 模 式 使 用 了 最 近邻 nearest neighbor) 滤波 ， 在 放大 或 缩小 时 ， 它 的 采样 像素 
数目 通常 只 有 一 个 ， 因 此 图 像 会 看 起 来 有 种 像素 风格 的 效果 。 而 Bilinear 滤 波 则 使 用 了 线性 滤波 ， 对 于 每 
A 标 :像素 ， 它 会 找到 4 个 邻近 像素 ， 然 后 对 它们 进行 线性 插值 混合 后 得 到 最 终 像素 ， 因 此 图 像 看 起 来 像 
被 模糊 了 。 而 Trilinear 滤 波 几乎 是 和 Bilinear 一 样 的 ， 只 是 Trilinear 还 会 在 多 级 渐 远 纹理 之 间 进 行 混 合 。 如 
果 一 张 纹理 没有 使 用 多 级 渐 远 纹理 技术 ， 那 么 Trilinear 得 到 的 结果 是 和 Bilinear 就 一 样 的 。 通 常 ， 我 们 会 选 
择 Bilinear 滤 波 模式 。 需 要 注意 的 是 ， 有 时 我 们 不 希望 纹理 看 起 来 是 模糊 的 ， 例 如 对 于 一 些 类 似 棋 盘 的 纹 
理 ， 我 们 希望 它 就 是 像素 风 的 ， 这 时 我 们 可 能 会 选择 Point 模 式 。 


rete pe 

Non Power of 2 [oNearest 4] 

Mapping 
Convolution Type [None 4| 
Fixup Edge Seams LL] 

Read/Write Enabled [] 

part Type 


Alpha from Graysc;[] 
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Sprite Mode 
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In Linear Space  [] 

Border Mip Maps [] 


Mip Map Filtering | 8ox 外 
Fadeout Mip Maps 口 ] 
Wrap Mode Repeat 
Filter Mode Trilinear 
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全 图 7.8 在 Advanced 模 式 下 可 以 设置 多 级 渐 远 纹理 的 相关 属性 


A 图 7.9 从 上 到 下 : Point 滤 波 + 多 级 渐 远 纹理 技术 ，Bilinear 滤 波 + 多 级 渐 远 纹理 技术 ) 


最 后 ， 我 们 来 讲 一 下 纹理 的 最 大 斥 十 和 纹理 模式 。 当 我 们 在 为 不 同 3 
台 的 纹理 尺寸 和 质量 问题 。Unity 人 允许 我 们 为 不 同 目标 平台 选择 不 同 的 分 辩 率 ， 如 图 7.10 所 示 。 


| beaurt | 国 | 寻 | 由 前 | 佑 | 目 | 镶 | 


Max Size [2048 $4| 


Format | Compressed | 


| Revert || Apply | 


64x64 RGB Compressed ETC 4 bits 2.7 KB 


ba 
AssetBundle 


4 图 7.10 ”选择 纹理 的 最 大 尺寸 和 纹理 模式 


，Trilinear 滤 波 + 多 级 渐 远 纹理 技术 


台 发 布 游戏 时 ， 需 要 考虑 


标 


如 果 导 入 的 纹理 大 小 超过 了 Max Texture Size 中 的 设置 值 ， 那么 Unity 将 会 把 该 纹理 缩放 为 这 个 最 大 分 
辨 率 。 理 想 情 况 下 ， 导 入 的 纹理 可 以 是 非 正方 形 的 ， 但 必 和 宽 的 大 小 应 该 是 2 的 宕 ， 例如 2、4、8、16、32、 
64 等 。 如 果 使 用 了 非 2 的 过 大 小 (Non Power of Two，NPOT) 的 纹理 ， 那 么 这 些 纹理 往往 会 占用 更 多 的 内 
存 空间 ， 而 且 GPU 读 取 该 纹理 的 速度 也 会 有 所 下 降 。 有 一 些 平台 其 至 不 支持 这 种 NPOT 纹 理 ， 这 时 Unity 在 
内 部 会 把 它 缩 放 成 最 近 的 2 的 窜 大 小 。 出 于 性 能 和 空间 的 考 虚 ， 我 们 应 该 尽量 使 用 2 的 窜 大 小 的 纹理 。 


而 Format 决定 了 Unity 内 部 使 用 哪 种 格式 来 存储 该 纹理 。 如 果 我 们 将 Texture Type 设 置 为 Advanced， 那 
么 会 有 更 多 的 Format 供 我 们 选择 。 这 里 不 再 依次 介绍 每 种 纹理 模式 ， 但 需要 知道 的 是 ， 使 用 的 纹理 格式 精 
度 越 高 (例如 使 用 Truecolor 5 用 为 存 空间 越 大 ， 但 得 到 的 效果 也 越 好 。 我 们 可 以 从 纹理 导入 面板 的 
最 下 方 看 到 存储 该 纹理 需要 占用 的 内 存 空间 (如 果 开启 了 多 级 渐 远 纹理 技术 ， 也 会 增加 纹理 的 内 存 占 
) 。 当 游戏 使 用 了 大 量 Truecolor 类 型 的 纹理 时 ， 内 存 可 能 会 迅速 增加 ， 因 此 对 于 一 些 不 需要 使 用 很 高 精 
度 的 纹理 〈 例 如 用 于 漫 反 射 颜色 的 纹理 ) ， 我 们 应 该 尽量 使 用 压缩 格式 。 
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而 是 需要 由 像素 的 灰 度 值 


i 


读者 需要 


而 


型 表 


线 


而 像素 的 分 量 范 


次 反映 射 的 过 程 ， 


围 为 


以 得 


normal =pixel x2-1 


然而 ， 


于 模型 顶点 自 


带 的 法 线 ， 


表 男 
而 ， 
法 线 。 对 于 模 
由 是 顶点 的 


切线 空 
从 


司 是 


法 线 存储 在 一 张 纹理 中 ， 
在 实际 币 


图 7.13 
同一 个 坐标 空 


1 于 方向 是 相对 于 坐标 空 


这 种 纹理 


s 间 来 说 的 ， 那 么 法 线 纹理 中 
它们 是 定义 在 模型 空间 


中 的 ， 攻 


| 作 中 ， 我 们 往 
型 的 每 个 顶点 


法 线 方向 的 四 


I 切线 (bitangent, b) 或 副 法 线 ， 如 


这 种 纹理 被 称 
s 间 下 的 法 


线 纹理 ( 


可 以 看 出 ， 
辣 ， 


即 模型 空 


, 0.5) 紫 色 
司 是 不 一 村 


存储 到 纹理 
0 


的 法 线 扰 动 方向 。 


FE 往 会 采 

它 都 有 
，X 轴 是 顶点 的 切线 方 向 (t) ， 
图 7.12 所 示 。 


3 另 一 种 和 


标 空 


间 ， 


存储 的 法 线 方向 在 哪个 坐标 空 
此 一 种 直接 的 想法 就 是 将 修改 后 的 模型 空间 
被 称 为 是 模型 空间 的 法 线 纹理 (object-space normal map) 
即 模型 顶点 的 切线 空间 (tangent space) 来 存 


个 属 了 


模型 空间 下 的 法 线 纹理 


间 ， 


1 就 对 应 了 RGB(0.5, 1, 0.5) 浅 绿色 ， 


己 的 切线 空间 ， 


间 中 呢 ? 对 


的 


储 


这 个 切线 空 


而 y 轴 可 | 


:为 是 切线 空间 的 法 线 纹理 (tangent-space normal map) 
图 片 来 源 :http://www.surlybird.com/tutorials/TangentSpace/ ) 


看 起 来 是 “五 颜 六 


色 ” 的 。 这 是 


有 的 是 (0， 


月 .» 


司 下 的 法 线 纹理 看 起 来 几乎 全 间 


的 ， 即 是 表 
也 就 是 说 ， 


即 


| 方 向 ， 


线 纹理 中 大 片 的 蓝 色 。 这 些 蓝 1 


7.12 


直 为 (0, 0, 1)， 


面 每 点 各 


色 实际 上 说 明了 


自 的 切线 空 


是 浅 蓝 


x3] 。 


纹理 


! 就 对 应 TR 


1, 0)， 


这 种 法 线 纹理 
如 果 一 个 点 的 法 线 方向 不 变 
经 过 映射 后 存储 在 


而 每 个 点 存储 的 法 线 方向 是 各 异 的 ， 有 的 是 (0， 
经 过 映射 后 存 人 
色 的 。 这 是 


大 


» 
、 
7 


其 实 就 是 存 


那么 在 它 的 切线 空 


。 图 7.13 分 别 给 


者 到 | 纹理 


每 个 法 线 


3 间 中 ， 六 


因为 所 有 法 线 所 在 


1, 


过 映射 后 


间 的 原点 就 是 该 顶点 本 身 ， 而 


法 线 和 切线 又 积 而 得 ， 也 被 称 为 是 


的 坐标 


! 就 对 


应 ] 


(0.5， 


方向 所 在 的 坐标 
侍 了 每 个 点 在 各 自 的 切 
[的 法 线 方 


线 空间 
向 就 是 


GB(0.5, 0.5, 1) 浅 蓝 色 。 而 这 个 颜色 就 
页 点 的 大 部 分 法 线 是 和 模型 本 身 法 线 一 样 的 ， 不 需要 改变 。 


模型 顶点 的 切线 空间 。 其 中 ， 


原点 对 应 了 顶点 4 


E 标 ，x 轴 是 切线 方向 (1 ) 


，y 轴 是 


副 切 线 方向 \b ) 


是 法 


，z 轴 是 法 线 方向 (n ) 


A 图 7.13 左边 : 模型 空 | 空间 下 的 法 线 纹理 
总 体 来 说 ， 模 型 空间 下 的 法 线 纹理 更 符合 人 类 的 直观 认识 ， ee _ 容易 调整 ， 
Le de 间 下 的 法 线 纹理 。 那 么 ， 为 
什么 他 们 更 偏好 使 用 这 个 看 起 来 “很 鉴 脚 "的 切线 空 
实际 上 ， 法 线 本 身 存 储 在 哪个 坐标 系 中 都 是 可 以 的 ， 我 们 甚至 可 以 选择 存储 在 攻 且 问 题 
我 们 并 不 是 单纯 地 想 要 得 到 法 线 ， 后 绪 的 光照 计算 才 是 我 人 的 。 而 选择 哪 人 意味 着 我 们 需 
要 把 不 同 信息 转换 到 相应 的 坐标 系 中 。 例如 ， 空间 ， 我 们 需要 把 从 法 线 纹理 中 得 到 的 法 线 
方向 从 切线 空间 转换 到 世界 空间 (名 黄 他 室 问 ) 中 
总 体 来 说 ， 使 用 模型 空间 来 存储 法 线 的 优点 如 下 。 
。 实现 简单 ， 更 加 直观 。 II a 也 就 是 少 。 生 成 
它 也 非常 简单 ， 而 如 果 要 生成 切线 空 0 般 是 和 UV 方 了 ， 因 此 
起 要 得 到 效果 比较 好 的 法 线 映 出 就 雪 求 纹理 隐身 
。 在 纹理 坐标 的 缝合 处 和 尖锐 的 边 角 部 分 ， 可 由 的 突变 《了 ) 较 少 ， 印 可 以 提供 于 。 这 是 因 
为 模型 空间 下 的 法 线 纹理 存储 的 是 同一 坐 去 ， 因 此 在 边界 处 通关 法 线 可 以 
平滑 变换 。 而 切线 空 s 间 下 的 法 线 纹理 中 的 法 线 信息 是 理 坐标 的 方向 得 到 的 结果 ， 可 能 会 在 边缘 
处 或 尖锐 的 部 分 造成 更 多 可 见 的 颖 合 迹 象 。 


但 使 用 切线 空 


。 自由 度 很 高 。 
用 到 其 他 模型 上 效 遇 
便 把 该 纹理 应 
al 
日 


J 进行 UV 动画 。 


上 会 经 常用 


压缩 。 


压缩 。 


点 可 以 看 出 ， 


| 。 
[以 重用 法 线 纹理 。 比 如 ， 
由 于 切线 空 


切线 空 辣 下 的 深 线 纹理 的 前 
空间 在 很 多 情况 下 者 


我 们 使 用 的 也 是 切线 空 


7.2.3 ”实践 


就 完全 错误 了 
用 到 一 个 完全 不 同 的 网 格 上 ， 
比如 ， 我 们 可 以 移动 
的 法 线 纹理 会 得 到 完全 错误 的 结果 。 原 


一 个 砖 块 ， 我 们 


间 下 的 法 


站 有 更 多 优 上 感 。 
。 模 型 空间 下 的 法 线 纹理 记录 的 


晶 记 录 的 
也 可 以 得 到 一 个 合理 的 结果 ， 


。 而 切线 


ae da 
导 得 到 Zz 方向。 而 模型 空间 下 的 法 线 纹理 


两 个 优点 足 


线 纹理 。 


坐标 来 实现 一 个 
上 。 这 种 UV 动画 在 水 或 者 炎 


又 使 用 一 张 法 线 纹理 就 可 以 


:绝对 法 线 信息 ， 仅 可 用 于 创 于 它 时 的 个 全 
的 法 是 相对 法 线 信息 ， 


而 应 


， 即 


凹 吓 移动 的 效果 


， 但 使 用 模型 空 
山 熔 岩 这 种 类 型 的 物体 


3 到 所 有 的 6 个 画 


nn 


F。 原 因 同 


因此 我 们 可 以 
是 可 能 的 ， 因 此 必须 存储 3 个 方 所 


， 而 推 
,不 可 


bp 优 于 模型 空间 ， 而 目 


可 以 节省 美术 人 员 的 工作 。 


i 的 优 


我 们 需要 在 计算 光照 僵 型 中 统一 各 个 方向 天 量 所 在 的 坐标 至 zs 间 。 由 于 法 线 纹理 中 存储 的 法 线 是 切线 空 
方向 ， 因 此 我 们 通常 有 两 种 选择 : 1 选择 是 在 切线 空间 下 进行 光照 计算 ， 此 时 我 们 需要 把 光照 方 
角 方向 变换 到 切线 空间 下 ， 男 一 种 选择 是 在 世界 空间 下 进行 光照 计算 ， 此 时 我 们 需要 把 采样 得 到 的 
法 线 方向 变换 到 世界 空间 下 ， 再 和 世界 空间 下 的 光照 方向 和 视角 方向 进行 计算 。 从 效率 上 来 说 ， 第 一 种 方 
主要 优 于 第 二 种 方法 ， 因 为 我 们 可 以 在 顶点 着 
于 - 

天 


要 先 对 法 线 纹理 进行 采样 ， 所 以 变换 过 程 必须 在 片 元 着 色 器 中 实现 ， 这 意味 着 我 们 需要 在 片 元 着 
色 器 中 进行 一 次 矩阵 操作 。 但 从 通用 性 角度 来 说 ， 第 二 种 方法 要 优 于 第 一 种 方法 ， 因 为 有 时 我 们 需要 在 世 
界 空 间 下 进行 一 些 计算 ， 例 如 在 使 用 Cubemap 进 行 环境 映射 时 ， 我 们 需要 使 用 世界 空间 下 的 反射 方向 对 
Cubemap 进 行 采 样 。 如 有 果 同 时 需要 进行 法 线 映 射 ， 我 们 就 需要 把 法 线 方向 变换 到 世界 空间 下 。 当 然 ， 读 者 
可 以 选择 其 他 坐标 空间 进行 计算 ， 例 如 模型 空间 等 ， 但 切线 空间 和 世界 空间 是 最 为 常用 的 两 种 空间 。 在 本 
节 中 ， 我 们 将 依次 实现 上 述 的 两 种 方法 。 


1. 在 切线 空间 下 计算 
我 们 首先 来 实现 第 一 种 方法 ， 即 在 切线 空间 下 计算 光照 模型 。 基 本 思路 是 ， 在 片 元 在 色 器 中 通过 纹理 


采样 得 到 切线 空间 下 的 法 线 ， 然 后 再 与 切线 空间 下 的 视角 方向 、 光 照 方向 等 进行 计算 ， 得 到 最 终 的 光照 结 
果 。 为 此 ， 我 们 首先 需要 在 顶点 着 色 器 中 把 视角 方向 和 光照 方向 从 模型 空间 变换 到 切线 空间 中 ， 即 我 们 需 


0 zs 间 到 模型 空间 的 变换 矩阵 
是 非常 容易 求 得 的 ， 我 们 在 顶点 着 色 器 中 按 切线 (x 轴 ) 、 副 切线 3 、 法 线 〈z 轴 ) 的 顺序 按 列 排列 
即 可 得 到 (数学 原理 详 见 4.6.2 节 ) 。 在 4.6.2 节 中 我 们 已 经 知道 ， 如 果 变换 中 仅 存 在 平移 和 旋转 变换 ， 
那么 这 个 变 换 的 逆 矩 阵 就 等 于 它 的 转 置 矩阵 ， a 
寻 此 ， 从 模型 空间 到 切线 空间 的 变换 矩阵 就 是 从 切线 空间 到 模型 空间 的 变换 矩阵 的 转 置 矩阵 ， 我 们 把 切线 
(x 轴 ) 、 副 切线 (y 轴 ) 、 法 线 (2 轴 】 的 顺序 按 行 排列 即 可 得 到 。 在 本 节 最 后 ， 我 们 可 以 得 到 类 似 图 
7.14 中 的 效果 。 


为 此 ， 我 们 进行 如 下 准备 工作 。 

(1) 在 Unity 中 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 Scene_7_2_3。 在 Unity 5.2 中 ， 默 认 情 况 下 
场景 将 包 命 一 个 摄像 机 和 个 平行 光 ， 并 且 使 用 了 内 置 的 天 空 合子。 在 Window -> Lighting -> Skybox 中 去 
掉 场 景 中 的 天 空 盒 

(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 NormalMapTangentSpaceMat 。 


(3) 新 建 一 个 Unity Shader。 在 本 书 资 源 中 ， 该 Unity Shader 名 为 Chapter7-NormalMapTangentSpace 。 
把 新 的 Unity Shader 赋 给 第 2 步 中 创建 的 材质 。 


600x400 


动 NormalMapTangentSpaceMat 杂 
| Shader | Unity Shaders Book/Chapter 7LNol 
Color Tint 
Main Tex 


Tiling 
Offset 


Normal Map 


Tiling 
‘Offset 
Bump Scale 
Specular 
Gloss 


A 图 7.14 ”使 用 法 线 纹理 


(4) 在 场景 中 创建 一 个 胶 宫 体 ， 并 把 第 2 步 中 的 材质 赋 给 该 胶囊 体 。 
(5) 保存 场景 。 


打开 新 建 的 Chapter7-NormalMapTangentSpace， 删 除 所 有 已 有 代码 ， 并 进行 如 下 修改 。 


(1) 首先 ， 我 们 为 该 Unity Shader 定 义 一 个 名 字 : 


Shader "Unity Shaders Book/Chapter 7/Normal Map In Tangent Space" { 


(2) 然后 ， 我 们 在 Properties 语 义 块 中 添加 了 法 线 纹理 的 属性 ， 以 及 用 于 控制 问 凸 程度 的 属性 : 


FT 


Properties { 
_Color ("Color Tint", Color) = (1,1,1,1) 
_MainTex ("Main Tex", 2D) = "white" {} 
_BumpMap ("Normal Map", 2D) = "bump" 人 } 
_BumpScale ("Bump Scale", Float) = 1.0 
_Specular ("Specular", Color) = (1, 1, 1, 1) 
_Gloss ("Gloss", Range(8.0, 256)) = 20 

} 


对 于 法 线 纹理 _BumpMap， 我 们 使 用 "bump" 作 为 它 的 默认 人 
有 提供 任何 法 线 纹理 时 ，"bump" 就 对 应 了 模型 自 带 的 法 线 信息 
当 它 为 0 时 ， 意 味 着 该 法 线 纹理 不 会 对 光照 产生 任何 影响 。 


。 "bump" 是 Unity 内 置 的 法 线 纹理 ， 当 没 
_BumpScale 则 是 用 于 控制 凹凸 程度 的 ， 


o 区 


LI 


(3) 我 们 在 SubShader 语 义 块 中 定义 了 一 个 Pass 语 义 块 ， 并 且 在 Pass 的 第 一 行 指 明了 该 Pass 的 光照 模 


SubShader { 
Pass { 
Tags { "LightMode"="ForwardBase" } 


LightMode 标 签 是 Pass 标 签 中 的 一 种 ， 它 用 于 定义 该 Pass 在 Unity 的 光照 流水 线 


的 角色 。 


(4) 接着 ， 我 们 使 用 CGPROGRAM 和 ENDCG 来 包围 住 Cg 代码 片 ， 以 定义 最 重要 的 顶点 着 色 器 和 片 
元 着 色 器 代码 。 首 先 ， 我 们 使 用 #pragma 指 令 来 告诉 Unity， 我 们 定义 的 顶点 着 色 器 和 片 元 着 色 器 叫 什么 名 


ea 


字 。 在 本 例 中， 它们 的 名 字 分 别 是 vert 和 frag: 


CGPROGRAM 


#pragma vertex vert 
#pragma fragment frag 


(5) 为 了 使 用 Unity 内 置 的 一 些 变量 ， 如 _LightColor0 ， 还 需要 包含 进 Unity 的 内 置 文件 
Lighting.cginc: 


#include "Lighting.cginc" 


(6) 为 了 和 Properties 语 义 块 中 的 属性 建立 联系 ， 我 们 在 Cg 代码 块 中 声明 了 和 上 述 属性 类 型 匹配 的 变 


fixed4 _Color; 
sampler2D _MainTex; 
float4 MainTex_ST; 


sampler2D _BumpMap 
float4 _BumpMap_ST; 
float _BumpScale; 
fixed4 _Specular 
float _Gloss; 


为 了 得 到 该 纹理 的 属性 ( 平 铺 和 偏 移 系数 ) ， 我 们 为 _MainTex 和 _BumpMap 定 义 了 _MainTex_ST 和 


_BumpMap_ST 变 量 8 


(7) 我 们 已 经 知道 ， 切 线 空间 是 由 顶点 法 线 和 切线 构建 
的 切线 信息 。 为 此 ， 我 们 修改 顶点 着 色 器 的 输入 结构 体 a2v: 


I 


UO 


的 一 个 


压 


QH 


E 标 空间 ， 因 此 我 们 需要 得 到 顶点 


struct a2v { 
float4 vertex : POSITION; 
float3 normal : NORMAL; 
float4 tangent : TANGENT; 
float4 texcoord : TEXCOORDO; 


}; 


我 们 使 用 TANGENT 语 义 来 描述 float4 类 型 的 tangent 变 量 ， 以 告诉 Unity 把 顶点 的 切线 方向 


充 到 


tangent 变 量 中 。 需 要 注意 的 是 ， 和 法 线 方 向 normal 不 同 ， tangent 的 类 型 是 float4， 而 非 float3， 这 是 因为 我 


EE 


们 需要 使 用 tangent.w 分 量 来 决定 切线 空间 中 的 第 三 个 坐标 轴 一 一 副 切线 的 方向 性 。 


(8) 我 们 需要 在 顶点 着 色 器 中 计算 切线 空间 下 的 光照 和 视角 方向 ， 因 此 我 们 在 v2f 结 构 体 
个 变量 来 存储 变换 后 的 光照 和 视角 方向 : 


struct v2f { 
float4 pos : SV_POSITION; 
float4 uv : TEXCOORDO; 
float3 lightDir: TEXCOORD1， 
float3 viewDir : TEXCOORD2; 


}; 


' 添 加 了 两 


(9) 定义 顶点 着 色 器 : 


v2f vert(a2v v) { 
v2f 0o; 
0.pos = mul(UNITY_MATRIX_MVP, v.vertex); 


VvV.texcoord.xy * MainTex_ST.xy + _MainTex_ST.Zzw; 
V.texcoord.xy * _BumpMap_ST.xy + _BumpMap_ST.zw; 


O.UV.Xy = 
O.UV.ZwW = 
// Compute the binormal 
// float3 binormal = cross( normalize(v.normal), normalize(v.tangent.xyz) ) * v.tangent.w; 
// // Construct a matrix which transform vectors from object space to tangent space 
// float3x3 rotation = float3x3(v.tangent.xyz, binormal, v.normal); 
// Or just use the built-in macro 
TANGENT_SPACE_ROTATION ; 


// Transform the light direction from object space to tangent Space 
0.1ightDir = mul(rotation, ObjSpaceLightDir(v.vertex)).xyz; 

// Transform the view direction from object space to tangent space 
O.viewDir = mul(rotation, ObjSpaceViewDir(v.vertex)).xyz; 


return o; 


float4 类 型 ， 其 中 xy 分 量 存储 了 _MainTex 的 纹理 兴 标 ， 而 zw 分 量 存 渚 了 _BumpMap 的 纹理 坐标 (实际 上 ， 


_MainTex 和 _BumpMap 通 常会 使 用 同一 组 纹理 坐标 ， 出 于 减少 插值 寄存 器 的 使 用 数目 的 目的 ， 我 们 往往 


得 到 从 模型 空间 到 切线 空间 的 变换 矩阵 rotation。 需 要 注意 的 是 ， 在 计算 副 切 线 时 我 们 使 用 v.tangent.w 和 


积 结果 进行 相 乘 ， 这 是 因为 和 切线 与 法 线 方向 都 垂直 的 方向 有 两 个 ， 而 w 决 定 了 我 们 选择 其 中 哪 一 个 方 


于 我 们 使 用 了 两 张 纹理 ， 因 此 需要 存储 两 个 纹理 坐标 。 为 此 ， 我 们 把 v2f 中 的 uv 变量 的 类 型 定义 为 


计算 和 存储 一 个 纹理 坐标 即 可 ) 。 然 后 ， 我 们 把 型 空间 下 切线 方向 、 副 切线 方向 和 法 线 方 向 按 行 排列 来 


接 计 算得 到 rotation 变 换 矩 阵 ， 它 的 实现 和 上 述 代码 完全 一 样 。 然 后 ， 我 们 使 用 Unity 的 内 置 函 数 


向 。Unity 也 提供 了 一 个 内 置 宏 TANGENT_SPACE_ROTATION (在 UnityCG.cginc 中 被 定义 ) 来 帮助 我 们 
= 


ObjSpaceLightDir 和 ObjSpaceViewDir 来 得 到 模型 空间 下 的 光照 和 视角 方向 ， 再 利用 变换 矩阵 rotation 把 它们 


从 模型 空间 变换 到 切线 空间 中 。 


(10) 由 于 我 们 在 顶点 着 色 器 中 完成 了 大 部 分 工作 ， 因 此 片 元 着 色 器 中 只 需要 采样 得 到 切线 空间 下 的 


法 线 方向 ， 再 在 切线 空间 下 进行 光照 计算 即 可 : 


fixed4 frag(v2f i) : SV_ Target { 
fixed3 tangentLightDir = normalize(i.1lightDir); 
fixed3 tangentViewDir = normalize(i.viewDir); 


// Get the texel in the normal map 
fixed4 packedNormal = tex2D(_BumpMap, i.uv.zw); 
fixed3 tangentNormal; 
// If the texture is not marked as "Normal map" 
// tangentNormal.xy = (packedNormal.xy * 2 - 1) * _BumpScale; 
// tangentNormal.z = sqrt(1.0 - saturate(dot(tangentNormal.xy, tangentNormal.xy))); 


// Or mark the texture as "Normal map", and use the built-in funciton 

tangentNormal = UnpackNormal(packedNormal); 

tangentNormal.xy *= _BumpScale， 

tangentNormal.z = sqrt(1.0 - saturate(dot(tangentNormal.xy, tangentNormal.xy))); 

fixed3 albedo = tex2D(_MainTex, i.uv).rgb * _Color.rgb; 

fixed3 ambient = UNITY_LIGHTMODEL AMBIENT.xyz * albedo; 

fixed3 diffuse = _LightColorO.rgb * albedo * max(0, dot(tangentNormal, tangentLightDir)); 


fixed3 halfDir = normalize(tangentLightDir + tangentViewDir); 


return fixed4(ambient + diffuse + specular, 1.0); 


fixed3 specular = _LightColorO.rgb * _Specular.rgb * pow(max(0, dot(tangentNormal, halfDir)), _Glqg 


和 


线 纹理 中 存储 的 是 把 法 线 经 过 映射 后 得 到 的 像素 值 ， 因 此 我 们 需要 把 它们 反映 射 世 
Unity 里 把 该 法 线 纹理 的 类 型 设置 成 Normal map 〈 详 见 7.2.4 节 ) ， 就 需要 在 代码 中 了 


流 


度 ) 来 得 到 tangentNormal 的 xy 分 量 。 由 于 法 线 都 是 单位 矢量 ， 因 此 tangentNormal.z 分 量 可 了 


E。 在 Unity 中 ， 为 了 方便 Unity 对 法 线 纹理 的 存储 进行 优化 ， 我 们 通常 会 把 法 线 纹理 的 纹理 类 型 标识 成 


tangentNormal.xy 计 算 而 得 。 由 于 我 们 使 用 的 是 切线 空间 的 法 线 纹理 ， 因 此 可 以 保证 法 线 方向 的 z 分 量 为 


在 上 面 的 代码 中 ， 我 们 首先 利用 tex2D 对 法 线 纹理 _BumpMap 进 行 采样 。 正 如 本 节 一 开头 所 讲 的 ， 法 
来 。 如 果 我 们 没有 在 
F 动 进行 这 个 过 程 。 我 
门 首 先 把 packedNormal 的 xy 分 量 按 之 前 提 到 的 公式 映射 回 法 线 方 向 ， 然 后 乘 以 _BumpScale (控制 凹凸 程 


Normal map ， Unity 会 根据 平台 来 选择 不 同 的 压缩 方法 。 这 时 ， 如 果 我 们 再 使 用 上 面 的 方法 来 计 
到 错误 的 结果 ， er _BumpMap 的 rgb 分 量 并 不 再 是 切线 空间 下 法 线 方向 的 xyz 信 


O 


门 会 具体 解释 。 在 这 种 情况 下 ， 我 们 可 以 使 用 Unity 的 内 置 画 数 UnpackNormal 来 得 到 正确 的 法 线 方 知 


(11) 最 后 ， 我 们 为 该 Unity Shader 设 置 合 适 的 Fallback: 
y 


和 就 会 得 
了 。 在 7.2.4 节 中 ， 我 


Fallback "Specular" 


保存 后 返回 Unity 中 查看 。 在 NormalMapTangentSpaceMat 的 面板 上 ， 我 1 
Brick_Diffuse.jpg 和 Brick_Normal.jpg 纹 理 对 其 赋值 。 我 们 可 以 调整 材质 面板 
型 的 凹凸 程度 。 图 7.15 给 出 了 不 同 的 Bump Scale 属 性 值 下 得 到 的 结果 。 


门 使 
上 


Bump Scale 属性 


3 本 书 资源 中 的 


来 改变 模 


和 A 图 7.15 使 用 Bump Scale 属性 来 调整 模型 的 上 四 凸 程度 
2. 在 世界 空间 下 计算 
现在 ， 我 们 来 实现 第 二 种 方法 ， 即 在 世界 空间 下 计算 光照 模型 。 我 们 需要 在 片 元 着 色 器 中 把 法 线 方向 
从 切线 空间 变换 到 世界 空间 下 。 这 种 方法 的 基 本 轧 想 是 ， 在 顶点 着 色 器 中 计算 从 切线 空间 到 世界 空间 的 变 
换 和 矩阵， 并 把 它 传递 给 片 元 着 色 器 。 变 换 和 矩阵 的 计算 可 以 由 顶点 的 切线 、 副 切线 和 法 线 在 世界 空间 下 的 表 
示 来 得 到 。 最 后 ， 我 们 只 需要 在 片 元 着 色 器 中 把 法 线 纹理 中 的 法 线 方向 从 切线 空间 变换 到 世界 空间 下 即 
可 。 尽 管 这 种 方法 需要 更 多 的 计算 ， 但 在 需要 使 用 Cubemap 进 行 环境 映射 等 情况 下 ， 我 们 就 需要 使 用 这 种 
方法 。 
为 此 ， 我 们 进行 如 下 准备 工作 。 
(1) 使 用 上 一 节 中 使 用 的 场景 。 
(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 NormalMapWorldSpaceMat 。 
(3) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Shader 名 为 Chapter7-NormalMapWorldSpace。 把 新 的 


Shader 赋 给 第 2 步 
(4) 把 第 2 步 


创建 的 材质 。 
1 人 | 


Es 


建 的 材质 赋 给 胶 圳 体 。 


打开 Chapter7-NormalMapWorldSpace， 把 上 一 节 中 的 代码 精 贴 进去 ， 并 进行 如 下 修改 : 

(1) 我 们 需要 修改 顶点 着 色 器 的 输出 结构 体 v2f， 使 它 包 含 从 切线 空间 到 世界 空间 的 变换 矩阵 : 
struct v2f { 

float4 pos : SV_POSITION; 

float4 uv : TEXCOORDO; 

float4 Ttow0 : TEXCOORD1; 

float4 Ttow1 : TEXCOORD2; 

float4 Ttow2 : TEXCOORD3; 
3 

我 们 在 3.3.2 节 中 讲 到 ， 一 个 插值 寄存 器 最 多 只 能 存储 float4 大 小 的 变量 ， 对 于 和 矩阵 这 样 的 变量 ， 我 们 
可 以 把 它们 按 行 拆 成 多 个 变量 再 进行 存储 。 上 面 代码 中 的 TtoW0、TtoW1 和 TtoW2 就 依次 存储 了 从 切线 空 
间 到 世界 空间 的 变换 矩阵 的 每 一 行 。 实 际 上 ， 对 方向 矢量 的 变换 只 需要 使 用 3x3 大 小 的 和 矩阵， 也 就 是 说 ， 
每 一 行 只 需要 使 用 float3 类 型 的 变量 即 可 。 但 为 了 充分 利用 插值 寄存 器 的 存储 空间 ， 我 们 把 世界 空间 下 的 
顶点 位 置 存储 在 这 些 变 量 的 w 分 量 中 。 

(2) 修改 顶点 着 色 器 ， 计 算 从 切线 空间 到 世界 空间 的 变换 矩阵 : 


v2f vert(a2v v) { 
v2f 0o; 
oO.pos = mul(UNITY_MATRIX_MVP, v.vertex); 


Oo.UV ,xy 
O.UV.ZW 


= Vv.texcoord.xy * _MainTex_ST.xy + _MainTex_ST.Zzw; 

= Vv.texcoord.xy * _BumpMap_ST.xy + _BumpMap_ST.zw; 

float3 worldPos = mul(_Object2world, v.vertex).xyz; 

fixed3 worldNormal = UnityObjectToworldNormal(v.normal); 

fixed3 worldTangent = UnityObjectToworldDir(v.tangent.xyz); 

fixed3 worldBinormal = cross(worldNormal, worldTangent) * v.tangent.w; 


// Compute the matrix that transform directions from tangent space to world space 
// Put the world position in w component for optimization 


oO.Ttowo = float4(worldTangent.x, worldBinormal.x, worldNormal.x, worldPos.x); 
oO.Ttow1 = float4(worldTangent.y, worldBinormal.y, worldNormal.y, worldPos.y); 
oO.Ttow2 = float4(worldTangent.z, worldBinormal.z, worldNormal.z, worldPos.z); 
return o; 


在 上 面 的 代码 中 ， 我 们 计算 了 世界 空间 下 的 顶点 切线 、 副 切线 和 法 线 的 矢量 表示 ， 并 把 它们 按 列 摆 
放 得 到 从 切线 空间 到 世界 空间 的 变换 矩阵 。 我 们 把 该 矩阵 的 每 一 行 分 别 存储 在 TtoW0、TtoW1 和 TtoW2 


(3) 修改 片 元 着 色 器 ， 在 世界 


上 


空间 下 进行 光照 计算 : 


把 世界 空间 下 的 顶点 位 置 的 xyz 分 量 分 别 存储 在 了 这 些 变 量 的 w 分 量 中 ， 以 便 充分 利用 插值 寄存 器 


fixed4 frag(v2f i) : SV_Target { 
// Get the position in world space 
float3 worldPos = float3(i.TtowO.w, i,.Ttowi.w, i.Ttow2.w); 
// Compute the light and view dir in world space 
fixed3 lightDir = normalize(UnityworldSpaceLightDir(worldPos)); 
fixed3 viewDir = normalize(UnityworldSpaceViewDir(worldPos)); 


// Get the normal in tangent space 

fixed3 bump = UnpackNormal(tex2D(_BumpMap, i.uv .zw)); 

bump.xy *= _BumpScale; 

bump.z = sqrt(1.0 - saturate(dot(bump.xy, bump.xy))); 

// Transform the normal from tangent space to world space 

bump = normalize(half3(dot(i.TtowO.xyz, bump), dot(i,.Ttowi.xyz, bump), dot(i.Ttow2.xyz, bump) 


)); 


我 们 首先 从 TtoW0、TtoW1 和 TtoW2 的 w 分 量 中 构建 世界 空间 下 的 坐标 。 然 后 ， 使 用 内 置 的 


使 用 内 置 的 UnpackNormal 画 数 对 法 线 纹理 进行 采样 和 解码 马 (需要 把 法 线 纹理 的 格式 标识 成 Normal 


map) ， 并 使 用 _BumpScale 对 其 进行 缩放 。 最 后 ， 我 们 使 用 TtoW0、TtoW1 和 TtoW2 存 储 的 变换 矩阵 把 法 


线 变换 到 世界 空间 下 。 这 是 通过 使 用 点 乘 操 作 来 实现 矩阵 的 每 一 行 和 法 线 相 乘 来 得 到 的 。 


UnityWorldSpaceLightDir 和 UnityWorldSpaceViewDir 函 数 得 到 世界 空间 下 的 光照 和 视角 方向 。 接 着 ， 我 们 


从 视觉 表现 上 ， 在 切线 空间 下 和 在 世界 空间 下 计算 光照 几乎 没有 任何 差别 。 在 Unity 4.x 版 本 中 ， 在 不 
需要 使 用 Cubemap 进 行 环境 映射 的 情况 下 ， 内 置 的 Unity Shader 使 用 的 是 切线 空间 来 进行 法 线 映 射 和 光照 
计算 。 而 在 Unity 5.x 中 ， 所 有 内 置 的 Unity Shader 都 使 用 了 世界 空间 来 进行 光照 计算 。 这 也 是 为 什么 Unity 
5.x 中 表面 着 色 器 更 容易 报错 ， 因 为 它们 使 用 J 的 插值 寄存 器 来 存储 变换 矩阵 (还 有 一 些 额外 的 插值 


寄存 器 是 用 来 辅助 计算 筋 效 的 ， 更 多 内 容 可 以 参见 19.2 市 


7.2.4 ”Unity 中 的 法 线 纹理 类 型 


UnpackNormal 来 得 到 正确 的 法 线 方向 ， 如 图 7.16 所 示 。 


@lInspector | 


上 面 我 们 提 到 了 当 把 法 线 纹理 的 纹理 类 型 标识 成 Normal map 时 ， 


可 以 使 用 Unity 的 内 置 函 数 


一 = 三 


Brick_Normal Import Settings 


回 关 


Texture Type | Normal map 


Create from Grayscale[ | 

Wrap Mode | Repeat 人 
Filter Mode | Tnilinear 了 
Aniso Level CS 一 Fs 


_peput | 图 | 时 | 日 | 旬 | 估 | 目 | 久 | 


Max Size 2048 
Format Compressed 


对 并 


题 ) ， 这 是 因为 这 些 Unity 0 


节 可 以 参考 : http://tech-artists. org/wiki/Normal_map_compression 


现 : 


| Revert || Apply 


简单 来 说 ， 这 么 做 可 以 让 Unity 根 据 不 同 平台 对 纹理 进行 压缩 〈 例 如 使 用 DXT5nm 格 式 ， 具 体 的 压缩 双 
J 
的 压缩 格式 对 法 线 纹理 进行 正确 的 采样 。 我 们 可 以 在 UnityCG.cginc 里 找到 UnpackNormal 范 数 的 内 部 实 


A 图 7.16 当 使 用 UnpackNormal 函 数 计算 法 线 纹理 中 的 法 线 方 向 时 ， 需 要 把 纹理 类 型 标识 为 Normal map 


ee 
标识 成 Normal map 才 能 得 到 正确 结果 〈 即 便 你 筷 了 这 么 做 ，Unity 也 会 在 材质 面板 中 提醒 你 修正 这 个 问 
用 内 置 的 UnpackNormal 函 数 来 采 样 法 线 方向 。 那 么 ， 当 我 们 把 纹 
理 类 型 设置 成 Normal map 时 到 底 发 生 了 什么 呢 ? 为 什么 要 这 么 做 昵 ? 


必须 把 使 用 的 法 线 纹理 按 上 面 的 方式 


再 通过 UnpackNormal 函 数 来 针对 不 同 


inline fixed3 UnpackNormalDXT5nm (fixed4 packednormal) 
{ 
fixed3 normal; 
normal.xy = packednormal .wy * 2 - 1; 


normal.z = sqrt(1 - saturate(dot(normal.xy, normal.xy))); 
return normal; 


} 
inline fixed3 UnpackNormal(fixed4 packednormal) 


{ 
#if defined(UNITY_NO_DXT5Nm) 
return packednormal.xyz * 2 - 1; 
#else 
return UnpackNormalDXT5Nnm(packednormal); 
#endif 


从 代码 中 可 以 看 出 ， 在 某 些 平台 上 由 于 使 用 了 DXT5nm 的 压缩 格式 ， 因 此 外 需要 针对 这 种 格式 对 法 线 进 
行 解 码 。 在 DXT5nm 格 式 的 法 线 纹理 中 纹 素 的 a 通道 ( 即 w 分 量 ) 对 应 了 法 线 的 x 分 量 ，8g 通 道 对 应 了 法 
线 的 y 分 量 ， 而 纹理 的 r 和 b 通 道 则 会 被 舍弃 ， 法 线 的 z 分 量 可 以 由 xy 分 量 推导 而 得 。 为 什么 之 前 的 普通 纹 


理 不 能 按 这 种 方式 压缩 ， 而 法 线 就 需要 使 用 DXT5nm 格 式 来 进行 压缩 呢 ? 这 是 因为 按 我 们 之 前 的 处 理 方 


式 ， 法 线 纹理 被 当成 一 个 和 普通 纹理 无 异 的 图 ， 但 实际 上 ， 它 只 


有 两 个 通道 是 真正 必 个 可 少 的 ， 丸 为 第 二 


E) 。 使 用 这 种 压缩 方法 就 可 以 减少 法 线 纹理 占用 的 内 存 空间 。 


3 的 呢 ? 读者 应 该 还 记得 在 本 节 开 始 我 们 提 到 过 另 一 种 凹凸 映射 


个 通道 的 值 可 以 用 另外 两 个 推导 出 来 (法 线 是 单位 向 量 ， 并 且 切 线 空间 下 的 法 线 方向 的 z 分 量 始终 为 


当 我 们 把 纹理 类 型 设置 成 Normal map 后 ， 还 有 一 个 复 选 框 是 Create from Grayscale ， 那 么 它 是 做 什么 


的 方法 ， 即 使 用 高 度 图 ， 而 这 个 复 选 框 就 


于 从 高 度 图 中 生成 法 线 纹理 的 。 高 度 图 本 身 记录 的 是 相对 高 度 


是 一 张 灰 度 图 ， 白 色 表示 相对 更 高 ， 


XE 对 
黑色 表示 相对 更 低 。 当 我 们 把 一 张 高 度 图 导入 Unity 后 ， 除 了 需要 把 


蔬 的 纹理 类 型 设置 成 Normal map 外 ， 


还 需要 勾 选 Create from Grayscale， 这 样 就 可 以 得 到 类 似 图 7.17 中 的 结果 。 然 后 ， 我 们 就 可 以 把 它 和 切线 空 
间 下 的 法 线 纹理 同等 对 待 了 。 


A 图 7.17 当 勾 选 了 Create from Grayscale 后 ，Unity 会 根据 高 度 图 来 生成 一 张 切线 空间 下 的 法 线 纹理 


当 勾 选 了 Create from Grayscale 后 ， 还 多 出 了 两 个 选项 一 Bumpiness 和 Filtering 。 其 中 Bumpiness 用 于 控 
制 凹 凸 程度 ， 而 Filtering 决 定 我 们 使 用 哪 种 万 式 来 计算 加 冲程 度 ， 它 有 两 种 选项 :一 种 是 Smooth ， 这 使 得 
FE 成 后 的 法 线 纹理 会 比较 平滑 ， 男 一 种 是 Sharp ， 它 会 使 用 Sobel 滤 波 (一 种 边缘 检测 时 使 用 的 滤波 器 ) 来 
生成 法 线 。Sobel 滤 波 的 实现 非常 简单 ， 我 们 只 需要 在 一 个 3x3 的 滤波 器 中 计算 x 和 y 方 向 上 的 导数 ， 然 后 从 
中 得 到 法 线 即 可 。 具 体 方法 是 ， 对 于 高 度 图 中 的 每 个 像素 ， 我 们 考虑 它 与 水 平方 向 和 竖 直 方向 上 的 像素 
1 EE 们 的 莽 当 成 该 点 对 应 应 的 法 线 在 x 和 和 y 方 同上 的 位 移 ， 然 后 使 用 之 前 提 到 的 映射 函数 存储 成 到 法 线 纹 
理 的 r 和 g 分 量 即 可 。 


旺 王 


全 ， 我 们 在 泻 染 中 使 用 


纹理 是 为 了 定义 一 个 物体 的 颜色 ， 但 后 来 人 们 发 现 ， 纹 理 其 实 可 有 


王 何 表面 属性 。 一 种 常见 的 用 


— 


门 都 是 使 用 表面 法 线 和 六 


E 照 


法 就 是 使 用 渐变 纹理 来 控制 漫 反 射 光 照 的 结果 。 在 之 前 计算 漫 反 射 


这 种 技术 最 初 


有 时 ， 我 们 需要 更 加 灵活 地 控制 光照 结果 。 忆 
行 起 来 ， 它 也 是 由 Valve 公 司 (提出 半 兰 伯 特 光照 技术 的 公司 ) 提出 来 的 ， 他 们 使 用 这 


来 
具有 插画 风格 的 角色 。Valve 发 表 了 一 篇 著名 的 论文 来 专门 讲述 在 制作 《军团 要 塞 2》 时 使 用 的 


方向 的 点 积 结果 与 材质 的 反射 率 相 乘 来 得 到 表面 的 漫 反 射 光 照 。 但 
这 种 技术 在 游戏 《军团 要 塞 2》 (英文 名 : 《Team Fortress 


技 


Gooch 等 人 在 1998 稀 


For Automatic Technical Ilustration》 中 被 提出 ， 在 这 篇 论文 中 ， 作 者 提出 了 一 种 基于 冷 到 暖色 调 
画 凤 风格 的 演 染 效果 。 使 用 这 种 技术 ， 可 以 保证 物体 的 轮廓 线 


warm tones) 的 着 色 技 术 ， 用 来 得 到 


相 比 于 之 前 


中 都 使 用 也 


的 传统 漫 反 射 光 照 更 加 明显 ， 
术 。 我 们 在 14.1 节 


在 本 市 


一 种 插画 


,会 专门 学 习 如 何 编写 个 卡通 风格 的 Unity Shader 。 


而 且 能 够 提供 多 种 色调 变化 。 而 现在 ， 很 多 卡通 风 


门将 学 习 如 何 使 


似 图 7.18 


一 张 渐变 纹理 来 控制 漫 反 射 光 照 。 在 学 习 完 本 节 后 ， 我 们 可 


司 的 渐变 纹理 控制 漫 反射 光照 ， 左 下 角 给 出 了 每 张 图 使 用 的 渐变 纹理 


可 以 看 出 ， 使 用 这 种 方式 可 以 自 


在 左边 的 图 


寒 2》 中 泻 


染 人 物 使 用 也 


微微 发 红 ， 


这 是 因为 1 


地 控制 物体 的 漫 反射 光 照 。 不 同 的 渐变 纹理 有 不 同 的 特性 


类 似 的 ， 


1， 我 们 使 用 一 张 从 紫色 调 
6 人 
i 


主 往 会 在 阴影 处 使 用 这 样 的 色调 ; 右 侧 的 渐变 纹理 则 通常 被 用 


格 的 泻 染 ， 这 种 渐变 纹理 中 的 色调 ; 
为 了 实现 上 述 效 果 ， 我 们 需要 进行 
(1) 在 Unity 中 新 建 一 个 场景 。 


到 浅黄 色调 的 渐变 纹理 ， 而 中 间 的 图 使 用 的 渐变 纹理 则 和 《军团 要 
它们 都 是 从 黑色 逐渐 向 浅 灰 色 靠拢 ， 而 且 


FE 他 们 发 表 的 一 篇 著名 的 论文 《A Non-Photorealistic Lighting Model 


(cool-to- 


风格 的 泻 染 


以 得 到 类 


。 例 如 ， 


通风 


如 下 准备 工作 。 


在 本 
; 


景 将 包含 


个 摄像 机 和 一 个 平行 光 ，3 


场景 中 的 天 
(2) 新 建 一 个 材质 。 在 本 书 资 


(3) 新 建 一 个 Unity Shader。 在 本 
Shader 赋 给 第 2 步 中 创建 的 材质 。 


(4) 向 场景 中 拖 忠 一 个 Suzanne 模 型 ， 关 


(5) 保存 场景 


打开 


大 


穴 合 


SY 


重 常 是 突变 的 ， 即 没有 平 请 过 渡 ， 以 此 来 模拟 卡通 中 的 阴 景 y 色 记 。 


资源 中 ， 该 场景 名 为 Scene_7_3。 在 Unity 5.2 中 ， 默 认 情 况 下 场 


了 内 置 的 天 空 盒子 。 在 Window -> Lighting -> Skybox 中 去 掉 


禹 源 


材质 名 为 RampTextureMat 。 


资源 中 ， 该 Unity Shader 名 为 Chapter7-RampTexture。 把 刘 


F 把 第 2 步 中 的 材质 赋 给 该 模型 。 


建 的 Chapter7-RampTexture， 删 除 所 有 已 有 代码 ， 并 进行 如 下 修改 。 


(1) 首先 ， 我 们 需要 为 这 个 Shader 起 一 个 名 字 : 


JUnity 


Shader "Unity Shaders Book/Chapter 7/Ramp Texture" { 


(2) 我 们 在 Properties 语 义 块 中 声明 一 个 纹理 属性 来 存储 渐变 纹理 : 


Properties { 
_Color ("Color Tint", Color) = (1,1,1,1) 
_RampTex ("Ramp Tex", 2D) = "white" {} 
_Specular ("Specular", Color) = (1, 1, 1, 1) 
_Gloss ("Gloss", Range(8.0, 256)) = 20 


(3) 然后 ， 我 们 在 SubShader 语 义 块 中 定义 了 一 个 Pass 语 义 块 ， 并 在 Pass 的 第 一 行 指 明了 该 Pass 的 光 
照 模式 ; 


SubShader { 
Pass { 
Tags { "LightMode"="ForwardBase" } 


LightMode 标 签 是 Pass 标 签 中 的 一 种 ， 它 


于 定义 该 Pass 在 Unity 的 光照 流水 线 中 的 


(4) 然后 ， 我 们 使 用 CGPROGRAM 和 ENDCG 来 包围 住 Cg 代 码 片 ， 以 定义 最 重要 的 顶点 着 色 器 和 片 
元 着 色 器 代码 。 我 们 使 用 #pragma 指 令 来 告诉 Unity， 我 们 定义 的 顶点 着 色 器 和 片 元 着 色 色 器 叫 什么 名 


色 。 


本 例 中 ， 它 们 的 名 字 分 别 是 vert 和 frag: 


CGPROGRAM 


#pragma vertex vert 
#pragma fragment frag 


(5) 为 了 使 用 Unity 内 置 的 一 些 变量 ， 如 _LightColor0 ， 还 需要 包含 进 Unity 的 内 置 文件 
Lighting.cginc: 


#include "Lighting.cginc" 


(6) 随后 ， 我 们 需要 定义 和 Properties 


各 个 属性 类 型 相 匹配 的 变量 : 


fixed4 _Color; 
sampler2D _RampTex; 
float4 _RampTex_ST; 
fixed4 _Specular; 
float _Gloss; 


我 们 为 渐变 纹理 _RampTex 定 义 了 它 的 纹理 
(7) 定义 顶点 着 色 器 的 输入 和 输出 结构 体 : 


是 


性 变量 RampTex_ST。 


struct a2v { 
float4 vertex : POSITION; 
float3 normal : NORMAL; 


float4 texcoord : TEXCOORD0 
}; 


struct v2f { 
float4 pos : SV_POSITION; 
float3 worldNormal : TEXCOORDO; 
float3 worldPos : TEXCOORD1; 
float2 uv : TEXCOORD2; 

}; 


(8) 定义 顶点 着 色 器 : 


v2f vert(a2v v) { 
v2f 0o; 
0.pos = mul(UNITY_MATRIX_MVP, v.vertex); 
oOo.worldNormal = UnityOobjectToworldNormal(v.normal); 
oOo.worldPos = mul(_Object2Wworld, v.vertex).xyz; 


O.UV = TRANSFORM TEX(vVv.texcoord, _RampTex); 


return o; 


我 们 使 用 了 内 置 的 TRANSFORM_TEX 宏 来 计算 经 过 平 入 


(9) 接 下 来 是 关键 的 片 元 着 色 器 : 


和 偏 移 后 的 纹理 坐标 。 


fixed4 frag(v2f i) : SV_Target { 
fixed3 worldNormal = normalize(i.worldNormal); 
fixed3 worldLightDir = normalize(UnityworldSpaceLightDir(i.worldPos)); 


fixed3 ambient = UNITY_LIGHTMODEL AMBIENT .xyz; 
// Use the texture to sample the diffuse color 


fixed halfLambert = 0.5 * dot(worldNormal, worldLightDir) + 0.5; 
fixed3 diffuseColor = tex2D(_RampTex, fixed2(halfLambert, halfLambert)).rgb * _Color.rgb; 


fixed3 diffuse = _LightColorO.rgb * diffuseColor ， 


fixed3 viewDir 
fixed3 halfDir 


normalize(UnityworldSpaceViewDir(i.worldPos)); 
normalize(worldLightDir + viewDir); 


return fixed4(ambient + diffuse + specular, 1.0); 


fixed3 specular = _LightColorO.rgb * _Specular.rgb * pow(max(0, dot(worldNormal, halfDir)), _Glosg) 


在 上 面 的 代码 中 ， 我 们 使 用 6.4.3 节 中 提 到 的 半 兰 伯 特 模型 ， 通 过 对 法 线 方向 和 光照 方向 的 点 积 做 


一 次 
0.5 倍 的 缩放 以 及 一 个 0.5 大 小 的 偏 移 来 计算 半 兰 伯 特 部 分 halfLambert。 这 样 ， 我 们 得 到 的 halfLambert 的 范 


~ 


围 被 映射 到 了 [0，1] 之 间 。 之 后 ， 我 们 使 用 halfLambert 来 构建 一 个 纹理 坐标 ， 并 用 这 个 纹理 坐标 对 渐变 纹 


理 _RampTex 进 行 采样 。 由 于 _RampTex 实 际 就 是 一 个 一 维 纹理 〈 它 在 纵 轴 方 向 上 颜色 不 变 ) ， 因 此 纹理 坐 


际 的 u 和 v 方 向 我 们 都 使 用 了 halfLambert。 然 后 ， 把 从 渐变 纹理 采样 得 到 的 颜色 和 材 质 颜色 _Color 相 乘 ， 


得 


上 


句 
到 最 终 的 漫 反 射 颜色 。 琵 下 的 代码 就 是 计算 高 光 反 射 和 环境 光 ， 并 把 它们 的 结果 进行 相 加 。 相 信 读 者 
对 这 些 步 又 非常 熟悉 了 。 


(10) 最 后 ， 我 们 为 该 Unity Shader 设 置 合 适 的 Fallback: 


门 亿 


Le 


Fallback "Specular" 


保存 后 返 


回 场景 。 


我 们 在 本 


等 
寺 ° 


者 可 以 尝试 把 


需要 注意 的 是 ， 
点 数 精度 而 造成 的 问 


不 同 的 渐变 


我 们 


题 。 几 7.19 给 昌 


资源 


提供 了 多 种 渐 3 


纹理 拖 虑 到 材质 面 


板 查 看 效果 。 


9 
人 小 


需要 把 渐变 纹理 


的 Wrap 


Wrap Mode: Repeat 


了 Wrap Mode 分 另 


Mode 设 为 Clamp 模 式 ， 
为 Repeat 和 Clamp 模 式 的 效 细 


以 


A 


Wrap Mode: Clamp 


变 纹理 ， 如 Ramp_Texture0.psd 和 Ramp_Texture1.psd 


防止 对 


纹理 进行 


对 比 。 


样 时 由 于 浮 


A 图 7.19 ”Wrap Mode 分 别 为 Repeat 和 Clamp 模 式 的 效果 对 比 
可 以 看 出 ， 左 图 (使 用 Repeat 模 式 ) 中 在 高 光 区 域 有 一 些 黑 点 。 这 是 由 浮 点 精度 造成 的 ， 当 我 们 使 用 
fixed2(halfLambert, halfLamberb 对 渐变 纹理 进行 采样 时 ， 虽 然 理论 上 halfLambert 的 值 在 [0, 1] 之 间 ， 但 可 能 
会 有 1.000 01 这 样 的 值 出 现 。 如 果 我 们 使 用 的 是 Repeat 模 式 ， 此 时 就 会 舍弃 整数 部 分 ， 只 保留 四 小 数 部 分 
得 到 的 值 就 是 0.000 01， 对 应 了 渐变 图 中 最 左边 的 值 ， 即 黑色 。 因 此 ， 束 会 出 现 图 中 这 样 在 高 》 区 域 反 而 
有 黑 点 的 情况 。 我 们 只 需要 把 渐变 纹理 的 Wrap Mode 设 为 Clamp 模 式 就 可 以 解决 这 种 问题 。 


7.4 遮 罩 纹理 


这 罩 纹理 (mask texture) 是 本 章 要 介绍 的 最 后 纹理 ， 它 非常 有 用 ， 在 很 多 商业 游戏 中 都 可 以 见 
到 它 的 身影 。 那 么 什么 是 遮 章 昵 ? 简单 来 讲 ， 遮 法 允许 我 们 可 以 保护 某 些 区 域 ， 使 它们 免 于 某 些 修改 。 例 
如 ， 在 之 前 的 实现 中 ， 我 们 都 是 把 高 光 反 射 应 用 到 模型 表面 的 所 有 地 方 ， 即 所 有 的 像素 都 使 用 同样 大 小 的 
高 光 强 度 和 高 光 指 数 。 但 有 时 ， 我 们 希望 模型 表面 某 些 区 域 的 反光 强烈 一 些 ， 而 茶 些 区 域 弱 一 些 。 为 了 得 
到 更 加 细腻 的 效果 ， 我 们 就 可 以 使 用 一 张 遮 置 纹理 来 控制 光照 。 另 一 种 常见 的 应 用 是 在 制作 地 形 材质 时 需 
要 混合 多 张 图 片 ， 例如 表现 草地 的 纹理 、 表 现 石子 的 纹理 、 表现 裸露 土地 的 纹理 等 ， 使 用 人 遮 章 纹理 可 以 控 
制 如 何 混合 这 些 纹理 。 
使 用 遮 罩 纹 理 的 流程 一 般 是 : 通过 采样 得 到 遮 罩 纹 理 的 纹 素 值 ， 然 后 使 用 其 中 


不 时 
的 值 ( 例 如 texelr) 求 与 茶 种 表面 属性 进行 相 乘 ， 这 样 ， 当 该 通道 的 值 为 0 时 ， 可 以 保护 表面 不 受 该 属性 的 
影响 。 总 而 言 之 ， 使 用 遮 罩 纹 理 可 以 让 美术 人 员 更 加 精准 (像素 级 别 ， 地 控制 模型 表面 的 各 种 性 质 。 


7.4.1 ”实践 


在 本 节 中 ， 我 们 将 学 习 如 何 使 用 一 张 高 光 遮 置 纹理 ， 逐 像素 地 控制 模型 表面 的 高 光 反 射 强度 。 
17.20 显 示 了 只 包含 漫 反 射 、 未 使 用 遮 罩 的 高 光 反 射 和 使 用 遮 淖 的 高 光 反 射 的 对 比 效 果 。 


号 


漫 反 漫 + 高 光 反 射 + 遮 音 


4 图 7.20 ”使 用 高 光 遮 置 纹 理 。 从 左 到 右 : 只 包含 漫 反射 ， 未 使 用 遮 曾 的 高 光 反 射 ， 使 用 遮 团 的 高 光 反 射 


我 们 使 用 的 让 日 纹理 如 图 7.21 所 示 。 可 以 看 出 ， 扩 章 纹 理 可 以 让 我 们 更 加 精细 地 控制 光照 细节 ， 得 到 
腾 的 效果 。 


NS 


和 A 图 7.21 本 节 使 用 的 高 光 遮 罩 纹 理 
为 了 在 Unity Shader 中 实现 上 述 效 果 ， 我 们 需要 进行 如 下 谁 备 工作 。 


(1) 在 Unity 中 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 Scene_7_4。 在 Unity 5.2 中 ， 默 认 情况 下 场 
景 将 包含 一 个 摄像 机 和 一 个 平行 光 ，3 了 内 置 的 天 空 盒子 。 在 Window -> Lighting -> Skybox 中 去 掉 
场景 中 的 天 空 盒子 。 


(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 MaskTextureMat 。 


t 


新 的 Unity 


[ 百 
CH 


(3) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Unity Shader 名 为 Chapter7-MaskTexture。 才 
Shader 赋 给 第 2 步 中 创建 的 材质 。 
(4) 在 场景 中 创建 芝 赛 体 ， 并 把 第 2 步 中 的 材质 赋 给 该 胶 赛 体 。 
(5) 保存 场景 。 
打开 新 建 的 Chapter7-MaskTexture， 删 除 所 有 已 有 代码 ， 并 进行 如 下 修改 : 


(1) 首先 ， 我 们 需要 为 这 个 Shader 起 一 个 名 字 : 


Shader "Unity Shaders Book/Chapter 7/Mask Texture" { 


(2) 我 们 需要 在 Properties 语 义 块 中 声明 更 多 的 变量 来 控制 高 光 反 射 : 


Properties { 
_Color ("Color Tint", Color) = (1,1,1,1) 
_MainTex ("Main Tex", 2D) = "white" {} 
_BumpMap ("Normal Map", 2D) = "bump" 人 
_BumpScale("Bump Scale", Float) = 1.0 
_SpecularMask ("Specular Mask", 2D) = "white" {} 
_SpecularScale ("Specular Scale", Float) = 1.0 
_Specular ("Specular", Color) = (1, 1, 1, 1) 
_Gloss ("Gloss", Range(8.0, 256)) = 20 


} 
上 面 属 性 中 的 _SpecularMask 即 是 我 们 需要 使 用 的 高 光 反 射 遮 罩 纹 理 ，_SpecularScale 则 是 用 于 控制 遮 
罩 影 响 度 的 系数 。 


(3) 然后 ， 我 们 在 SubShader 语 义 块 中 定义 了 一 个 Pass 语 义 块 ， 并 在 Pass 的 第 一 行 指明 了 该 Pass 的 光 


SubShader { 
Pass { 
Tags { "LightMode"="ForwardBase" } 


LightMode 标 签 是 Pass 标 签 中 的 一 种 ， 它 用 于 定义 该 Pass 在 Unity 的 光照 流水 线 中 的 角色 。 


元 着 色 器 代码 。 我 们 使 用 各 tagma 指 令 米 告诉 Unity” 我 们 定义 的 顶点 着 色 恬 和 片 元 着 色 器 叫 什么 人 
本 例 中 ， 它 们 的 名 字 分 别 是 vert 和 frag: 


(4) 然后 ， 我 们 使 用 CGPROGRAM 和 ENDCG 来 包围 住 Cg 代码 片 ， 以 定义 最 重要 的 顶点 着 色 器 和 片 
旋 全 


CGPROGRAM 


#pragma vertex vert 
#pragma fragment frag 


(5) 为 了 使 


此 三 量 


的 


Unity 内 


Lighting.cginc: 


， 如 _LightColor0， 


还 


瑟 豆 
Ho 


要 包含 进 Unity 的 内 置 文件 


#include "Lighting.cginc" 


(6) 随后 ， 


我 们 需要 定义 和 Properties 


各 个 


匹配 的 变量 : 


float 


float 


float 


fixed4 _Color; 

sampler2D _MainTex; 
float4 MainTex_ST; 
sampler2D _BumpMap; 
_BumpScale; 
sampler2D _SpecularMask; 
_SpecularSscale,; 
fixed4 _Specular; 
_Gloss; 


性 变量 


我 们 为 


里 


}; 


}; 


值 寄存 器 
移 操作 ， 


(7) 定义 顶点 着 色 


父 量 IextureName 


。 而 很 多 时 候 ， 


此 


float4 
float3 
float4 
float4 


struct v2f 


float4 
float2 
float3 
float3 


纹理 MainTex、 为 


MainTex_ST。 这 意味 着 ， 在 材质 
这 


种 方式 可 以 让 我 人 


线 纹 到 


_BumpMap 和 遮 


里 SpecularMask 定 义 了 它 


面板 中 修改 


需要 存储 的 纹 弄 


为 平 铀 
J 


系数 大 1 


淮 标 数 


扇 移 系数 会 


ST， 


二 


我 人 


的 纹理 数目 的 增 ; 


理 进 行 平 铺 


;和信 


时 我 们 就 可 


昌 量 


EE 


struct a2v { 


vertex 
normal 
tangent 
texcoord 


: POSITION; 
: NORMAL; 
: TANGENT; 


{ 

pos : SV_POSITION; 
uv : TEXCOORDO; 
lightDir: TEXCOORD1; 
ViewDir : TEXCOORD2,; 


以 对 这 些 纹理 
的 输入 和 输 


个 变换 后 的 纹 


， 如 果 我 们 为 每 


我 们 会 迅速 


5 满 顶 点 着 色 器 


乍 ， 或 者 很 多 纹理 
“ 标 进 和 


Eo 


采样 


本: 


: TEXCOORD0 


(8) 在 顶点 着 1 


到 了 


切线 空 


辣 中 ， 


， 我 们 对 光照 方 


FL 
ms: 


往 色 器 中 和 六 


线 进 行 光照 运 


向 和 视角 方向 进行 了 


| 之 


E 标 空间 的 变换 ， 把 


它们 从 模型 空 


3 间 变换 


v2f 


vert(a2v v) { 


v2f 0o; 


0.pos = mul(UNITY_MATRIX_MVP, v.vertex); 


oO.UV.Xy = 


TANGENT 


V,texcoord ,xy 


_SPACE_ROTATION 


* MainTex_ST.xy + 


_MainTex_ST.zw; 


0.1ightDir = mul(rotation, ObjSpaceLightDir(v.vertex)).xyz; 


0.ViewDir 


mul(rotation, ObjSpaceViewDir(v.vertex)).xyz; 


return o; 


(9) 使 用 遮 罩 纹理 的 地 方 是 片 元 着 色 器 。 我 们 使 用 


By 


来 控制 模型 表面 的 高 光 反 射 强度 : 


fixed4 frag(v2f i) : SV_Target { 
fixed3 tangentLightDir = normalize(i.1lightDir); 
fixed3 tangentViewDir = normalize(i.viewDir); 


fixed3 tangentNormal = UnpackNormal(tex2D(_BumpMap, i.uv)); 

tangentNormal.xy *= _BumpScale; 

tangentNormal.z = sqrt(1.0 - saturate(dot(tangentNormal.xy, tangentNormal.xy))); 

fixed3 albedo = tex2D(_MainTex, i.uv).rgb * _Color.rgb; 

fixed3 ambient = UNITY_LIGHTMODEL AMBIENT.xyz * albedo; 

fixed3 diffuse = _LightColorO.rgb * albedo * max(0, dot(tangentNormal, tangentLightDir)); 
fixed3 halfDir = normalize(tangentLightDir + tangentViewDir); 

// Get the mask value 

fixed specularMask = tex2D(_SpecularMask, i.uv).r * _SpecularSscale; 

// Compute specular term with the specular mask 


fixed3 specular = _LightColorO.rgb * _Specular.rgb * pow(max(0, dot(tangentNormal, halfDir)), _Glq 


return fixed4(ambient + diffuse + specular, 1.0); 


rn 


环境 光照 和 漫 反射 光照 和 之 前 使 用 过 的 代码 完全 一 样 。 在 计算 高 光 反 射 时 ， 我 们 首先 对 遮 置 纹理 
_SpecularMask 进 行 采 样 。 由 于 本 书 使 用 的 遮 旱 纹理 中 每 个 纹 素 的 rgb 分 量 其 实 都 是 一 样 的 ， 表 明了 该 点 对 
应 的 高 光 反 射 强度 ， 在 这 里 我 们 选择 使 用 r 分 量 来 计算 掩 码 值 。 然 后 ， 我 们 用 得 到 的 掩 码 值 和 
_SpecularScale 相 乘 ， 一 起 来 控制 高 光 反 射 的 强度 。 


需要 说 明 的 是 ， 我 们 使 用 的 这 张 遮 置 纹理 其 实 有 
个 值 。 在 实际 的 游戏 制作 中 ， 我 们 往往 会 充分 利用 让 
我 们 会 在 7.4.2 节 中 介绍 这 样 一 个 例子 。 


很 多 空间 被 浪费 了 一 一 它 的 rgb 分 量 存储 的 都 是 同一 
申 纹 理 中 的 每 一 个 颜色 通道 来 存储 不 同 的 表 李 


由 
上 邮 \ 


由 


(10) 最 后 ， 我 们 为 该 Unity Shader 设 置 了 合 ; 


的 Fallback: 


Fallback "Specular" 


7.4.2 ”其 他 让 日 纹理 


在 真实 的 游戏 制作 过 程 中 ， 遮 罩 纹 理 已 经 不 止 限 于 保护 某 些 区 域 使 它们 免 于 某 些 修改 ， 而 是 可 以 存储 
任何 我 们 希望 逐 像素 控制 的 表面 属性 。 通 常 ， 我 们 会 充分 利用 一 张 纹理 的 RGBA 四 个 通道 ， 用 于 存储 不 同 
的 属性 。 例 如 ， 我 们 可 以 把 高 光 反 射 的 强度 存储 在 R 通 道 ， 把 边缘 光照 的 强度 存储 在 G 通 道 ， 把 高 光 反 射 
的 指数 部 分 存储 在 B 通 道 ， 最 后 把 自发 光 强 度 存储 在 A 通道 。 


在 游戏 《DOTA 2》 的 开发 中 ， 开 发 人 员 为 每 个 模型 使 用 了 4 张 纹理 : 一 张 用 于 定义 模型 颜色 ， 一 张 用 
定义 表面 法 线 ， 男 外 两 张 则 都 是 让 日 纹理。 这样， 两 张 让 纹理 提供 共 8 种 额外 的 表面 属性 ， 这 使 得 
游戏 中 的 人 物 材质 归 很 强 ， 可 以 支持 很 多 高 级 的 模型 属性 。 读 者 可 以 在 他 们 的 官网 上 找到 关于 

0 2》 的 更 加 详细 的 制作 资料 ， 包 括 游戏 中 的 人 物 模型 、 纹 理 以 及 制作 手册 等 。 这 是 非常 好 的 学 习 


出 


也 这 


第 8 章 ”透明 效果 


透明 是 游戏 中 经 常 要 使 用 的 一 种 效果 。 在 实时 泻 染 中 要 实现 透明 
效果 ， 通 常会 在 泻 染 模型 时 控制 它 的 透明 通道 (Alpha Channel) 
当 开启 透明 混合 后 ， 当 一 个 物体 被 泻 染 到 屏幕 上 时 ， 每 个 片 元 除了 颜 
色 值 和 深度 值 之 外 ， 它 还 有 另 一 个 属性 一 一 透明 度 。 当 透明 度 为 1 时 ， 
表示 该 像素 是 完全 不 透明 的 ， 而 当 其 为 0 时 ， 则 表示 该 像素 完全 不 会 显 
示 “。 


在 Unity 中 ， 我 们 通常 使 用 两 种 方法 来 实现 透明 效果 : 第 一 种 是 使 
用 透明 度 测试 (Alpha Test) ， 这 种 方法 其 实 无 法 得 到 真正 的 半 透 明 
效果 ; 另 一 种 是 透明 度 混 合 (Alpha Blending ) 


在 之 前 的 学 习 中 ， 我 们 从 没有 强调 过 演 染 顺序 的 问题 。 也 残 是 
说 ， 当 场景 中 包含 很 多 模型 时 ， 我 们 并 没有 考虑 是 先 泻 染 A， 再 演 染 
B， 最 后 再 泻 染 C， 还 是 按照 其 他 的 顺序 来 泻 染 。 事 实 上 ， 对 于 不 透明 
(opaqgue) 物体 ， 不 考虑 它们 的 演 染 顺序 也 能 得 到 正确 的 排序 效果 ， 
这 是 由 于 强大 的 深度 缓冲 (depth buffer， 也 被 称 为 z-buffer) 的 存在 。 
在 实时 泻 染 中 ， 深 度 缓冲 是 用 于 解决 可 见 性 (visibility) 问题 的 ， 它 
可 以 决定 哪个 物体 的 哪些 部 分 会 被 泻 染 在 前 面 ， 而 哪些 部 分 会 被 其 他 
物体 遮挡 。 它 的 基本 思想 是 : 根据 深度 缓存 中 的 值 来 判断 该 厂 元 距离 
摄像 机 的 距离 ， 当 泻 染 一 个 片 元 时 ， 需 要 把 它 的 深度 值 和 已 经 存在 于 
深度 绥 冲 中 的 值 进行 比较 (如 果 开 启 了 深度 测试 ) ， 如 果 它 的 值 距离 
摄像 机 更 远 ， 那 么 说 明 这 个 片 元 不 应 该 被 泻 染 到 屏幕 上 (有 物体 挡住 
了 它 ) ; 否则 ， 这 个 片 元 应 该 覆盖 掉 此 时 颜色 缓冲 中 的 像素 值 ， 并 把 
它 的 深度 值 更 新 到 深度 缓冲 中 (如 果 开 启 了 深度 写 入 ) 。 


使 用 深度 缓冲 ， 可 以 让 我 们 不 用 关心 不 透明 物体 的 渔 染 顺序 ， 例 
如 A 挡住 B， 即 便 我 们 先 泻 染 A 表 泻 染 B 也 不 用 担心 B 会 迟 盖 掉 A， 因 为 
在 进行 深度 测试 时 会 判断 出 B 距 离 摄 像 机 更 远 ， 也 就 不 会 写 入 到 基色 
组 促 中 。 但 如 采 想 要 实现 透明 效果 ， 事 情 束 不 那么 简单 了 ， 这 是 因 
为 ， 当 使 用 透明 上 度 混 合 时 ， 我 们 关闭 了 深度 写 入 (ZWirite) 。 


简单 来 说 ， 透 明度 测试 和 透明 度 混 合 的 基本 原理 如 下 。 


透明 度 测 试 : 它 采 用 一 种 “霸道 极端 ”的 机 制 ， 只 要 一 个 片 元 的 透 
明度 不 满足 条 件 〈 通 常 是 小 于 某 个 国 值 ) ， 那 么 它 对 应 的 片 元 就 
会 修 舍 弃 。 被 省 弃 的 片 元 将 不 会 再 进行 任何 处 理 ， 也 不 会 对 颜色 
缓冲 产生 任何 影响 ， 人 否则 ， 束 会 按照 普通 的 不 透明 物体 的 处 理 方 
式 来 处 理 它 ， 即 进行 深度 测试 、 深 度 写 入 等 。 也 就 是 说 ， 透 明度 
测试 是 不 需要 关闭 深度 写 入 的 ， 它 和 其 他 不 透明 物体 最 大 的 不 同 
吕 是 它 会 根据 透明 度 来 舍弃 一 些 片 元 。 虽 然 简单 ， 但 是 它 产生 的 
效果 也 很 极端 ， 要 么 完全 透明 ， 即 看 不 到 ， 要 么 完全 不 透明 ， 就 
像 不 透明 物体 那样 。 

透明 度 混合 : 这 种 方法 可 以 得 到 真正 的 半 透 明 效 果 。 它 会 使 用 当 
前 片 元 的 透明 度 作为 混合 因子 ， 与 已 经 存储 在 颜色 绥 冲 中 的 颜色 
值 进 行 论 合 ， 得 到 痢 的 颜色 。 但 是 ， 透 明度 混合 需要 关闭 深度 写 
入 (我们 下 面 会 讲 为 什么 需要 关闭 ) ， 这 使 得 我 们 要 非常 小 心 物 
体 的 演 染 顺序 。 需 要 注意 的 是 ， 透 明度 混合 只 关闭 了 深度 写 入 ， 
但 没有 关闭 深度 测试 。 这 意味 着 ， 当 使 用 透明 上 度 混合 渔 染 一 个 片 
元 时 ， 还 是 会 比较 它 的 深度 值 与 当前 深度 绥 冲 中 的 深度 值 ， 如 果 
它 的 深度 值 距 离 摄 像 机 更 远 ， 那 么 束 不 会 再 进行 混合 操作 。 这 一 
点 决 是 了 ， 当 一 个 不 透明 物体 出 现在 一 个 透明 物体 的 前 面 ， 而 我 
们 先 演 染 了 不 透明 物体 ， 它 仍然 可 以 正常 地 讶 挡住 透明 物体 。 也 
忠 古 说 ， 对 于 透明 度 混合 来 说 ， 深 度 绥 促 古 只 读 的 。 


8.1 为 什么 浑 染 顺 序 很 重要 


前 面 说 到 ， 对 于 透明 度 混合 技术 ， 需 要 关闭 深度 写 入 ， 此 时 我 们 
号 需要 小 心 处 理 透 明 物 体 的 痊 染 顺序 。 那 么 ， 我 们 为 什么 要 关闭 深度 
写 入 呢 ? 如 采 不 关闭 深度 写 入 ， 一 个 半 透 明 表 面 育 后 的 表面 本 来 是 可 
以 透 过 它 被 我 们 看 到 的 ， 但 由 于 深度 测试 时 判断 结果 是 该 半 透 明和 表面 
距离 摄像 机 更 近 ， 导 致 后 面 的 表面 将 会 被 别 除 ， 我 们 也 头 无 法 透 过 半 
透明 表面 看 到 后 面 的 物体 了 。 但 是 ， 我 们 由 此 就 破坏 了 深度 缓冲 的 工 
作 机 制 ， 而 这 是 一 个 非常 非常 非常 (重要 的 事情 要 讲 3 遍 ) 糟糕 的 事 
ee 。 天 财 深 度 写 入 导致 泻 染 顺序 将 变 得 非常 


我 们 来 考虑 最 简单 的 情况 。 假 设 场景 里 有 两 个 物体 A 和 B， 如 图 
8.1 所 示 ， 其 中 A 是 半 透 明 物体 ， 而 B 是 不 透明 物体 。 


我 们 来 考虑 不 同 的 演 染 顺序 会 有 什么 结 


。 第 一 种 情况 ， 我 们 移 演 染 B， 再 泻 染 A。 那 么 由 于 不 透明 物体 开局 
了 深度 测试 和 深度 写 入 ， 而 此 时 深度 绥 冲 中 没有 任何 有 效 数据 ， 
因此 B 首 先 会 写 入 颜色 缓冲 和 深度 缓 神 。 随 后 我 们 泻 染 A， 透 明 物 
体 仍然 会 进行 深度 测试 ， 因 此 我 们 发 现 和 B 相 比 A 距 离 摄 像 机 更 
近 ， 因 此 ， 我 们 会 使 用 A 的 透明 度 来 和 颜色 缓冲 中 的 B 的 颜色 进行 
混合 ， 得 到 正确 的 半 透 明 效 末 。 

第 二 种 情况 ， 我 们 先 泻 染 A， 表 渔 染 B。 演 染 A 时 ， 深 度 缓冲 区 中 
没有 任何 有 效 数据 ， 因 此 A 直接 写 入 颜色 绥 冲 ,但 由 于 对 半 透 明 
物体 关闭 了 深度 写 入 ， 因 此 A 不 会 修改 深度 绥 冲 。 等 到 演 染 B 时 ， 
B 会 进行 深度 测试 ， 它 发 现 ,“ 呈 ， 深 度 绥 存 中 还 没有 人 来 过 ， 那 
我 就 放心 地 写 入 颜色 缓冲 了 ! ”， 结 果 就 是 B 会 直接 覆盖 A 的 颜 

色 。 从 视觉 上 来 看 ，B 束 出 现在 了 A 的 前 面 ， 而 这 是 错误 的 。 


从 这 个 例子 可 以 看 出 ， 当 关闭 了 深度 写 入 后 ， 泻 染 顺 序 古 多 么 重 
要 。 由 此 我 们 知道 ， 我 们 应 该 在 不 透明 物体 渲染 完 之 后 再 渲染 半 透 明 
物体 。 那 么 ， 如 采 都 是 半 透 明 物体 ， 演 染 顺 序 还 重要 吗 ? 答案 征 肯 定 
的 。 还 是 假设 场景 里 有 两 个 物体 A 和 B， 如 图 8.2 所 示 ， 其 中 A 和 B 都 是 
半 透 明 物 体 。 


A B 


4 图 8.1 场景 中 有 两 个 物体 ， 其 中 A (黄色 ) 是 半 透 明 物 体 ，B (紫色 ) 是 不 透明 物体 
| 

A 

4 图 8.2 场景 中 有 两 个 物体 ， 其 中 A 和 B 都 是 半 透 明 物体 


我 们 还 是 考虑 不 同 的 泻 染 顺序 有 什么 不 同 结 


。 第 一 种 情况 ， 我 们 先 泻 染 B， 再 泻 染 A。 那 么 B 会 正常 写 入 颜色 绥 
种， 然后 A 会 和 颜色 缓冲 中 的 B 颜 色 进 行 混 合 ， 得 到 正确 的 半 透 明 
效果 。 

。 第 二 种 情况 ， 我 们 先 泻 染 A， 再 泻 染 B。 那 么 A 会 先 写 入 颜色 组 
冲 ， 随 后 B 会 和 颜色 缓冲 中 的 A 进行 混合 ， 这 样 混合 结果 会 完全 反 


B 


看 起 来 束 好 像 B 在 A 的 前 面 ， 得 到 的 束 是 错误 的 半 透 明 结 


从 这 个 例子 可 以 看 出 ， 半 透明 物体 之 间 也 是 要 符合 一 定 的 泻 染 顺 
予 的 。 


基于 这 两 点 ， 洽 染 引 敬一 般 部 会 先 对 物体 进行 排序 ， 再 演 染 。 季 
用 的 方法 是 。 


(1) 先 泻 染 所 有 不 透明 物体 ， 并 开启 它们 的 深度 测试 和 深度 写 
入 。 


(2) 把 半 透 明 物 体 按 它们 距离 摄像 机 的 远近 进行 排序 ， 然 后 按照 
0 并 开局 它们 的 深度 测试 ,但 天 
闭 深 度 写 入 。 


那么 ， 问 题 都 解决 了 吗 ? 不 驻 的 是 ， 仍 然 没 有 。 在 一 些 情况 下 ， 

半 透 明 物 体 还 是 会 出 现 * 穿 帮 镜 头 ”。 如 有 果 我 们 仔细 想 想 的 话 ， 上 面 给 
出 的 第 2 步 中 渔 染 顺序 仍然 是 含糊 不 清 的 一 一 “ 按 它们 距离 摄像 机 的 远 
近 进 行 排序 ”， 那 么 它们 距离 摄像 机 的 远近 是 如 何 决 定 的 呢 ? 读者 可 能 
会 马上 脱口 而 出 , “ 束 是 距离 摄像 的 深度 值 嘛 ! 但是， 深度 缓冲 中 的 
值 其 实 是 像素 级 别 的 ， 即 每 个 像素 有 一 个 深度 值 ， 但 十 现在 我 们 对 单 
个 物体 级 别 进行 排序 ， 这 意味 大 排 序 结果 是 ， 要 么 物体 A 全 部 在 B 前 面 
渲染 ， 要 么 A 全 部 在 B 后 面 泻 染 。 但 如 果 存 在 循环 重 谷 的 情况 ， 那 么 使 
用 0 ° 图 8.3 给 出 了 3 个 物体 循环 重 
登 的 情况 。 


在 图 8.3 中 ， 由 于 3 个 物体 互相 重要 ， 我 们 不 可 能 得 到 一 个 正确 的 
排序 顺序 。 这 种 时 候 ， 我 们 可 以 选择 把 物体 拆 分 成 两 个 部 分 ， 然 后 再 
进行 正确 的 排序 。 但 即便 我 们 通过 分 割 的 方法 解决 了 循环 履 盖 的 问 
题 ， 还 是 会 有 其 他 的 情况 来 " 揭 乱 ”。 考 虑 图 8.4 给 出 的 情况 。 


A 图 8.3 循环 重合 的 3 


透明 物体 总 是 无 法 得 到 ] 


FE 确 的 


A 


透明 效果 


和 图 8.4 使 用 哪个 深度 对 物体 进行 排序 。 红 色 点 分 别 标明 了 网 格 上 距离 摄像 机 最 近 的 点 、 最 
远 的 点 以 及 网 格 中 点 


这 里 的 问题 是 : 如何 排序 ? 我 们 知道 ， 一 个 物体 的 网 格 结构 往往 
占据 了 空间 中 的 某 一 块 区 域 ， 也 就 古 说 ， 这 个 网 格 上 每 一 个 点 的 深度 
值 可 能 都 是 不 一 样 的 ， 我 们 选择 哪个 深度 值 来 作为 整个 物体 的 深度 值 
和 其 他 物体 进行 排序 呢 ? 是 网 格 中 点 吗 ? 还 是 最 远 的 点 ? 还 是 最 近 的 
点 ? 不 驻 的 是 ， 对 于 图 8.4 中 的 情况 ， 选 择 哪个 深度 值 都 会 得 到 错误 的 
结果 ， 我 们 的 排序 结果 总 是 A 在 B 的 前 面 ， 但 实际 上 A 有 一 部 分 被 B 让 
挡 了 。 这 也 意味 着 ， 一 旦 选 是 了 一 种 判断 方式 后 ， 在 某 些 情况 下 半 透 
明 物 体 之 间 一 定 会 出 现 错 误 的 迟 挡 问题 。 这 种 问题 的 解决 方法 通常 也 
征 分 割 网 格 。 


尽管 结论 是 ， 总 是 会 有 一 些 情 况 打 乱 我 们 的 阵脚 ， 但 由 于 上 述 方 
法 足够 有 效 并 且 容 易 实 现 ， 因 此 大 多 数 游 戏 引 擎 都 使 用 了 这 样 的 方 
法 。 为 了 减少 错误 排序 的 情况 ， 我 们 可 以 尽 可 能 让 模型 是 凹面 体 ， 并 
且 考 虑 将 复业 的 模型 拆 分 成 可 以 独立 排序 的 多 个 子 模型 等 。 其 实 束 算 
排序 独 误 结 朱 有 时 也 不 会 非常 糟糕 ， 如 采 我 们 不 想 分 割 网 格 ， 可 以 试 
着 让 透明 通道 更 加 和 柔和， 使 穿插 看 起 来 并 不 是 那么 明显 。 我 们 也 可 以 
ee 
下 o 


下 面 ， 我 们 就 来 看 一 下 Unity 是 如 何 解 决 排序 问题 的 。 


8.2 ”Unity Shader 的 演 染 顺序 


Unity 为 了 解决 泻 染 顺 序 的 问题 提供 了 泻 染 队列 (render queue) 
这 一 解决 方案 。 我 们 可 以 使 用 SubShader 的 Queue 标签 来 决定 我 们 的 模 
型 将 归于 哪个 泻 染 队列 。Unity 在 内 部 使 用 一 系列 整数 索引 来 表示 每 个 
泻 染 队列 ， 且 索引 号 越 小 表示 越 早 被 泻 染 。 在 Unity 5 中 ，Unity 提 前 定 
义 了 5 个 泻 染 队列 (与 Unity 5 之 前 的 版 本 相 比 多 了 一 个 AlphaTest 演 梁 
队列 ) ， 当 然 在 每 个 队列 中 间 我 们 可 以 使 用 其 他 队列 。 表 8.1 给 出 了 这 
5 个 提前 定义 的 泻 染 队列 以 及 它们 的 描述 。 


表 8.1 Unity 提 前 定义 的 5 个 演 染 队列 
队列 
名 称 " 
Background |1000 | 这 个 泻 染 队 列 会 在 任何 其 他 队列 之 前 被 党 染 ， 我 们 通常 使 用 该 
. 队列 来 泻 染 那些 需要 绘制 在 背景 上 的 物体 
a 2000 | 默认 的 演 染 队列 ， 大 多 数 物体 都 使 用 这 个 队列 。 不 透明 物体 使 
eomelry ] 这 个 队列 


需要 透明 度 测 试 的 物体 使 用 这 个 队列 。 在 Unity 5 中 它 从 

AlphaTest |2450 Geometry 队 列 中 被 单独 分 出 来 ， 这 是 因为 在 所 有 不 透明 物体 泻 
染 之 后 再 渲染 它们 会 更 加 高 效 

这 个 队列 中 的 物体 会 在 所 有 em nn Yh 泻 染 后 ， 
Transparent |3000 | 再 按 从 后 往 前 的 顺序 进行 渲染 。 任 何 使 用 了 透明 度 混合 (例如 

关闭 了 深度 写 入 的 Shader) 的 物体 都 应 该 使 用 该 队列 
oll 4000 该 队列 用 于 实现 一 些 县 加 效果 。 任 何 需 要 在 最 后 泻 染 的 物体 都 

应 该 使 用 该 队列 


因此 ， 如 采 我 们 想 要 通过 透明 度 测试 实现 透明 效果 ， 代 码 中 应 该 
包含 类 似 下 面 的 代码 : 


SubShader { 
Tags { "Queue"="AlphaTest" } 
Pass { 


上 
} 


如 果 我 们 想 要 通过 透明 度 混 合 来 实现 透明 效果 ， 代 码 中 应 该 包 
类 似 下 面 的 代码 : 


SubShader { 
Tags { "Queue"="Transparent" } 
Pass { 
ZWrite Off 


其 中 ，ZWrite Off 用 于 关闭 深度 写 入 ， 在 这 里 我 们 选择 把 它 写 在 
Pass 中 。 我 们 也 可 以 把 它 写 在 SubShader 中 ， 这 意味 着 该 SubShader 下 的 
所 有 Pass 都 会 关闭 深度 写 入 。 


实现 透明 度 测 试 的 效果 。 在 上 面 我 们 已 经 知道 了 透明 度 测 


8.3 ”透明 度 测试 


我 们 来 看 一 下 如 何在 Unity 
试 的 工作 原理 。 
透明 度 测 试 : 只 要 一 个 片 元 的 透明 度 不 满足 条 件 (通常 是 小 于 某 个 盖 值 ) ， 那 么 它 对 
应 的 片 元 就 会 被 舍弃 。 被 舍弃 的 片 元 将 不 会 再 进行 任何 处 理 ， 也 不 会 对 颜 色 缓冲 产生 任何 
影响 ， 否 则 ， 就 会 按照 普通 的 不 透明 物体 的 处 理 方式 来 处 理 它 。 
通常 ， 我 们 会 在 片 元 着 色 器 中 使 用 clip 范 数 来 进行 透明 度 测试 。dlip 是 Cg 中 的 一 个 画 
数 ， 它 的 定义 如 下 。 
画 数 : void clip(float4 x); void clip(float3 x); void clip(float2 x); void clip(floatl x); void 
clip(float x); 
参数 : 裁剪 时 使 用 的 标量 或 矢量 条 件 。 
描述 : 如 果 给 定 参 数 的 任何 一 个 分 量 是 负数 ， 就 会 舍弃 当前 像素 的 输出 颜色 。 它 等 同 
于 下 面 的 代码 : 
void clip(float4 x) 
if (any(x &lt; 0)) 
discard; 
} 
在 本 节 中 ， 我 们 使 用 图 8.5 中 的 半 透 明 纹 理 来 实现 透明 度 测 试 。 在 本 书 资源 中 ， 该 纹理 
名 为 transparent_texture.psd。 该 透明 纹理 在 不 同 区域 的 透明 度 也 不 同 ， 我 们 通过 它 来 查看 透 
明度 测试 的 效果 。 
类 似 图 8.6 中 的 效果 。 


在 学 习 完 本 节 后 ， 我 们 可 以 得 到 类 似 图 8.6 


A 图 8.5 一 张 透明 纹理 ， 其 中 每 个 方 格 的 透明 度 都 不 同 


€ Game | + 三 
600x400 了 Maximize on Play | Mute audio | Stats | Cizmos 


和 图 8.6 透明度 测 试 


为 此 ， 我 们 需要 进行 如 下 准备 工作 。 


(1) 在 Unity 中 新 建 一 个 场景 。 在 本 书 资 源 中 ， 该 场景 名 为 Scene_ 8 3。 在 Unity 5.2 中 ， 
默认 情况 下 场景 将 包含 一 个 摄像 机 和 一 个 平行 光 ， 并 且 使 用 了 内 置 的 天 空 盒 子 。 在 Window 
-> Lighting -> Skybox 中 去 掉 场 景 中 的 天 空 盒子 。 


(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 AlphaTestMat 。 


(3) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Unity Shader 名 为 Chapter8-AlphaTest 。 


a 


巴 新 的 Unity Shader 赋 给 第 2 步 中 创建 的 材质 。 


4) 在 场景 中 创建 一 个 立方 体 ， 并 把 第 2 步 中 的 材质 赋 给 该 模型 。 创 建 一 个 平面 ， 使 
得 平面 位 于 立方 体 下 面 。 


5) 保存 场景 。 
打开 新 建 的 Chapter8-AlphaTest， 删 除 所 有 已 有 代码 ， 并 进行 如 下 修改 。 
1) 首先 ， 我 们 需要 为 这 个 Shader 起 一 个 名 字 : 


Shader "Unity Shaders Book/Chapter 8/Alpha Test" { 


(2) 为 了 在 材质 面板 中 控制 透明 度 测试 时 使 用 的 阐 值 ， 我 们 在 Properties 语 义 块 中 声明 
一 个 范围 在 [0, 1] 之 间 的 属性 _Cutoff: 


tr 


ut 


Properties { 
_Color ("Main Tint", Color) = (1,1,1.,1) 
_MainTex ("Main Tex", 2D) = "white" {} 
_Cutoff ("Alpha Cutoff", Range(0, 1)) = 0.5 


_Cutoff 参 数 用 于 决定 我 们 调用 clip 进 行 透 明度 测试 时 使 用 的 判断 条 件 。 它 的 范围 是 [0， 
1]， 这 是 因为 纹理 像素 的 透明 度 就 是 在 此 范围 内 。 


(3) 然后 ， 我 们 在 SubShader 语 义 块 中 定义 了 一 个 Pass 语 义 块 : 


SubShader { 
Tags {"Queue"="AlphaTest" "IgnoreProjector"="True" "RenderType"="TransparentCutout"} 


Pass { 
Tags { "LightMode"="ForwardBase" } 


我 们 在 8.2 节 中 已 经 知道 泻 染 顺 序 的 重要 性 ， 并 且 知 道 在 Unity 中 透明 度 测试 使 用 的 渲染 
队列 是 名 为 AlphaTest 的 队列 ， 因 此 我 们 需要 把 Queue 标 签 设置 为 AlphaTest 。 而 RenderType 标 
签 可 以 让 Unity 把 这 个 Shader 归 入 到 提前 定义 的 组 (这 里 序 多 是 TransparentCutout 组 ) !， 以 指 
明 该 Shader 是 一 个 使 用 了 透明 度 测试 的 Shader。 RenderType 标 签 通常 被 用 于 着 色 ,器 替换 功 

能 。 我 们 还 把 IgnoreProjector 设 置 为 True， 这 意味 着 这 个 Shader 不 会 受到 投影 器 (Projectors) 
的 影响 。 通 常 ， 使 用 了 透明 度 测 试 的 Shader 都 应 该 在 SubShader 中 设置 这 三 个 标签 。 最 后 ， 
LightMode 标 签 是 Pass 标 签 中 的 一 种 ， 它 用 于 定义 该 Pass 在 的 角色 。 只 


有 定义 了 正确 的 LightMode， 我 们 才能 正确 得 到 一 些 Unity 的 内 置 光 照 变量 ， 例 如 
_LightColor0。 


(4) 然后 ， 我 们 使 用 CGPROGRAM 和 ENDCG 来 包围 住 Cg 代码 片 ， 来 定义 最 重要 的 顶 
点 着 色 器 和 片 元 着 色 嚣 代码。 首先， 我们 使 用 #pragma 指 令 来 告诉 Unity， 我 们 定义 的 顶点 着 
色 器 和 片 元 着 色 器 叫 什么 名 字 。 在 本 例 中 ， 它 们 的 名 字 分 别 是 vert 和 frag: 


CGPROGRAM 


#pragma vertex vert 
#pragma fragment frag 


F 


(5) 为 了 使 用 Unity 内 置 的 一 些 变量 ， 如 _LightColor0， 还 需要 包含 进 Unity 的 内 置 文 付 
Lighting.cginc: 


#include "Lighting.cginc" 


(6) 为 了 和 Properties 语 义 块 中 声明 的 属性 建立 联系 ， 我 们 需要 定义 和 各 个 属性 类 型 相 
匹配 的 变量 : 


基 | 


fixed4 _Color; 
sampler2D _MainTex; 


float4 _MainTex_ST; 
fixed _Cutoff; 


于 _Cutoff 的 范围 在 [0, 1]， 因 此 我 们 可 以 使 用 fixed 精 度 来 存储 它 。 
(7) 然后 ， 我 们 定义 了 顶点 着 色 器 的 输入 和 输出 结构 体 ， 接 着 定义 顶点 着 色 器 : 


Struct a2v { 
float4 vertex : POSITION; 
float3 normal : NORMAL; 
float4 texcoord : TEXCOORDO; 


}; 


struct v2f 区 
float4 pos : SV_POSITION; 
float3 worldNormal : TEXCOORDO; 
float3 worldPos : TEXCOORD1; 
float2 uv : TEXCOORD2; 


}; 

v2f vert(a2v v) { 
v2f 0o; 
0.pos = mul(UNITY_MATRIX_MVP, Vv.vertex); 
oOo.worldNormal = UnityObjectToworldNormal(v.normal); 
oOo.worldPos = mul(_Object2wor]d, v.vertex).xyz; 


O.UV = TRANSFORM_TEX(Vv.texcoord, _MainTex); 


return o; 


和 项 ， 


上 面 的 代码 我 们 已 经 见 到 过 很 多 次 了 ， 我 们 在 顶点 着 色 器 计算 出 世界 空间 的 法 线 方向 


位 置 以 及 变换 后 的 纹理 坐标 ， 再 把 它们 传递 给 片 元 着 色 器 。 
8) 最 重要 的 透明 度 测试 的 代码 在 片 元 着 色 器 中 : 


// 


// 


fixed4 frag(v2f i) : SV_ Target { 


fixed3 worldNormal = normalize(i.worldNormal); 
fixed3 worldLightDir = normalize(UnityworldSpaceLightDir(i.worldPos)); 


fixed4 texColor = tex2D(_MainTex, i.uv); 


// Alpha test 

clip (texColor.a - _Cutoff); 

// Equal to 

If ((texColor.a - _Cutoff) < 0.0) { 
discard; 


} 


fixed3 albedo = texColor.rgb * _Color.rgb; 


fixed3 ambient = UNITY_LIGHTMODEL AMBIENT.xyz * albedo; 


fixed3 diffuse = _LightColorg.rgb * albedo * max(0, dot(worldNormal, worldLightDir)); 


return fixed4(ambient + diffuse, 1.0); 


前 面 我 们 已 经 提 到 过 dlip 画 数 的 定义 ， 它 会 判断 它 的 参数 ， 即 texColor.a - 


人 负数， 如 果 是 就 会 舍弃 该 片 元 的 输出 。 也 就 是 说 ， 当 texColor. I 


片 元 就 会 产生 完全 透明 的 效果 。 使 用 clip 函 数 等 同 于 先 判断 参数 是 否 小 


ee 


CutoffH , 


Wi 


discard 指 令 来 显 式 剔除 该 请 元 。 后 面 的 代码 和 之 前 使 用 过 的 完全 一 样 ， 我 们 计算 得 到 环境 光 
照 和 漫 反 射 光照 ， 把 它们 相 加 后 再 进行 输出 。 


(9) 最 后 ， 我 们 需要 为 这 个 Unity Shader 设 置 合适 的 Fallback: 


Fallback "Transparent/Cutout/VertexLit" 


和 之 前 使 用 的 Diffuse 和 Specular 不 同 ， 这 次 我 们 使 用 内 置 的 Transparent/Cutout/VertexLit 


来 作为 回 凋 Shader。 这 不 仅 能 够 保证 在 我 们 编写 的 SubShader 无 法 在 当前 显卡 上 工作 时 可 以 


合适 的 代替 Shader， 还 可 以 保证 使 用 透明 度 测 试 的 物体 可 以 正确 地 向 其 他 物体 投射 阴影 ， 


有 具 


ws 


体 原理 可 以 参见 9.4.5 节 。 


材质 面板 中 的 Alpha cutoff 参 数 用 于 调整 透明 度 测 试 时 使 用 的 阔 值 ， 当 纹理 像素 的 透明 
度 小 于 该 值 时 ， 对 应 的 片 元 就 会 被 舍弃 。 当 我 们 逐渐 调 大 该 值 时 ， 立 方 体 上 的 网 格 会 逐渐 


肖 失 ， 如 图 8.7 所 示 。 


一 < 


4 p 4 


A 图 8.7 随 着 Alpha cutoff 参 数 的 增 大 ， 更 多 的 像素 


于 不 满足 透明 度 测试 条 件 而 被 吻 除 


从 图 8.6 和 图 8.7 可 以 看 出 ， 透 明度 测试 得 到 的 透明 效果 很 “极端 "一 一 要 么 完全 透明 ， 要 
么 完全 不 透明 ， 它 的 效果 往往 像 在 一 个 不 透明 物体 上 挖 了 一 个 空洞。 而 且 ， 得 到 的 透明 效 
果 在 边缘 处 往往 参差 不 齐 ， 有 饮 齿 ， 这 是 因为 在 边界 处 纹理 的 透明 度 的 变化 精度 问题 。 为 
了 得 到 更 加 柔滑 的 透明 效果 ， 就 可 以 使 用 透明 度 混合 。 


8.4 透明度 混 合 


透明 度 混 合 的 实现 要 比 透 明度 测试 复 
际 上 跟 对 待 普通 的 不 透明 物体 几乎 是 一 档 


a 


裁剪 片 元 的 代码 。 而 想 要 实现 透明 度 混 合 就 没有 这 么 简 


混合 的 原理 : 


的 ， 只 是 在 片 元 着 
单 了 。 我 们 


色 器 


杂 一 些 ， 这 是 因为 我 们 在 处 理 透 明度 测试 时 ， 实 
增加 了 对 透明 度 判断 并 


透明 度 混合 这 种 方法 可 以 得 到 真正 的 半 透 明 效果 。 


混合 合 因 子 ， 与 已 经 存储 在 颜 
需要 关闭 深度 写 入 ， 这 使 


为 了 进行 混合 ， 我 们 需要 使 用 Unity 提 代 
置 混合 模式 的 命令 。 " 想 要 实现 六 透明 的 效 纪 


色 缓 冲 中 的 颜 


导 我 们 要 非常 


色 值 进行 混合 


` 心 物体 的 泻 染 顺序 。 


得 到 新 的 颜色 。 但 


回顾 之 前 提 到 的 透明 度 


会 使 用 当 前 片 元 的 透明 度 作为 


是 ， 透 明度 混 


上 共 的 混合 命令 一 一 Blend。Blend 是 Unity 提 供 的 设 


冲 中 的 颜色 值 进行 混合 ， 混 合 时 使 用 的 函数 就 是 由 该 指令 决定 的 。 表 8.2 给 


果 就 需要 把 当前 自身 的 颜色 和 已 经 


存在 于 颜色 缓 


出 了 Blend 命 令 的 


语义 。 
表 8.2 ”ShaderLab 的 Blend 命 令 

Blend Off 关闭 混合 
Bl cpt TT 启 混合 ， 并 设置 混合 因 了 于 。 源 颜色 〈 该 片 元 产生 的 颜色 ) 会 乘 以 SrcFactor， 而 
标 颜 色 〈 已 经 存在 于 颜色 缓存 的 颜色 ) 会 乘 以 DstFactor， 然 后 把 两 者 相 加 后 再 存 入 

stFactor en 

颜色 缓冲 中 

Blend SrcFactor 
DstFactor, SrcFactorA | 和 上 面 几乎 一 样 ， 只 是 使 用 不 同 的 因子 来 混合 透明 通道 
DstFactorA 
BlendOp 并 非 是 把 源 颜色 和 目标 颜色 简单 相 加 后 混合 ， 而 是 使 用 BlendOperation 对 它们 进行 其 
BlendOperation 他 操作 


在 本 节 里 ， 我 们 会 使 用 第 二 种 语义 ， 即 Blend SrcFactor DstFactor 
因子 的 同时 也 开启 了 混 


的 是 ， 这 个 命令 在 设置 混合 


了 。 很 多 初学 者 总 是 抱怨 为 什 


么 自己 的 模型 没有 任何 透明 效果 


KE 进行 混合 。 需 要 注意 


后 ， 设 置 片 元 的 透明 通道 才 有 意义 ， 而 Unity 在 我 们 使 用 Blend 命 令 


合 模式 。 这 是 


因为 ， 只 有 开局 了 混合 之 


的 时 候 就 自动 帮 我 们 打开 


， 这 往往 是 因为 他 们 没有 在 


Pass 使 用 Blend 傅 命令 ， 一 方面 是 没有 设置 混合 因子 ， 但 更 重要 的 是 ， 根 本 没有 打开 混合 模 


式 。 我 们 会 把 源 颜 色 的 混合 


了 


因子 SrcFactor 设 为 SrcAlpha， 天 目标 颜色 的 混合 
为 OneMinusSrcAlpha。 这 意味 着 ， 经 过 混合 后 新 的 颜色 


因子 DstFactor 设 


DstColorew = SrcAlpha x SrcColor + ( 1- SrcAlpha ) x DstColoroid 


通常 ， 透 明度 混合 使 用 的 就 是 这 样 的 混合 命令 。 在 8.6 厄 中 ， 我 们 会 看 到 更 多 混合 语义 的 用 


法 。 


同样 的 透明 纹理 ， 在 学 习 完 本 节 后 ， 我 们 可 以 得 到 类 似 图 8.8 这 样 


Tih 


我 们 使 用 和 8.3 节 
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A 图 8.8 ”透明度 混合 
为 了 在 Unity 中 实现 透明 度 混 合 ， 我 们 先进 行 如 下 准备 工作 。 

(1) 在 Unity 中 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 Scene_8_4。 在 Unity 5.2 
默认 情况 下 场景 将 包含 一 个 摄像 机 和 一 个 平行 光 ， 并 且 使 用 了 内 置 的 天 空 盒子 。 让 Windaw 
-> Lighting -> Skybox 中 去 掉 场 景 中 的 天 空 盒子 。 

(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 AlphaBlendMat 。 


(3) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Unity Shader 名 为 Chapter8-AlphaBlend 。 
把 新 的 Unity Shader 赋 给 第 2 步 中 创建 的 材质 。 


(4) 在 场景 中 创建 一 个 立方 体 ， 并 把 第 2 步 中 的 材质 赋 给 该 模型 。 创 建 一 个 平面 ， 使 
得 平面 位 于 立方 体 下 面 。 


(5) 保存 场景 。 


打开 新 建 的 Chapter8-AlphaBlend， 删 除 所 有 已 有 代码 ， 并 把 8.3 节 的 Chapter8-AlphaTest 
代码 全 部 粘贴 进去 ， 我 们 只 需要 在 这 个 基础 上 进行 一 些 修 改 即 可 。 


(1) 修改 Properties 语 义 块 : 


Properties { 
_Color ("Main Tint", Color) = (1,1,1,1) 
_MainTex ("Main Tex", 2D) = "white" {} 


_Alphascale ("Alpha Scale", Range(0, 1)) = 工 


我 们 使 用 一 个 新 的 属性 _AlphaScale 来 替代 原先 的 _Cutoff 属 性 。_AlphaSscale 用 于 在 透明 


纹理 的 基础 上 控制 整体 的 透明 度 。 相 应 的 ， 我 们 也 需要 在 Pass 


修改 和 属性 对 应 的 变量 ; 


fixed4 _Color 

sampler2D _MainTex; 
float4 _MainTex_ST; 
fixed _Alphascale; 


(2) 修改 SubShader 使 用 的 标签 : 


SubShader { 


Tags {"Queue"="Transparent" "IgnoreProjector"="True" "RenderType"="Transparent"} 


在 本 章 一 开头 ， 我 们 已 经 知道 在 Unity 中 透明 度 混合 


使 用 的 泻 染 队列 是 名 为 Transparent 


的 队列 ， 因 此 我 们 需要 把 Queue 标 签 设置 为 Transparent 。 RenderType 标 签 可 以 让 Unity 把 这 个 


Shader 归 入 到 提前 定义 的 组 (这 里 就 是 Transparent 组 ) 


二 


用 来 指明 该 Shader 是 一 个 使 用 了 


透明 度 混 合 的 Shader 。 oo 常 被 用 于 郑 色 器 替换 功能 。 我 们 还 把 IgnoreProjector 


设置 为 True， 这 意味 着 这 个 Shader 不 会 受到 投影 器 (Projectors) 的 时 


人 1 设置 这 3 个 标签 。 


(3) 与 透明 度 测试 不 同 的 是 ， 我 们 还 需要 在 Pass 
设置 : 


Pass { 
Tags { "LightMode"="ForwardBase" } 


ZWrite Off 
Blend SrcAlpha OneMinusSrcAlpha 


影响 。 通 常 ， 使 用 了 透明 
为 透明 度 混 合 进行 合适 的 混合 状态 


Pass 的 标签 仍 和 之 前 一 样 ， 即 把 LightMode 设 为 ForwardBase， 
向 泻 染 路 径 的 方式 为 我 们 正确 提 供 各 个 光照 变量 。 除 此 之 外 ， 我 们 还 把 该 Pass 的 深度 写 入 


(ZWrite) 设置 为 关闭 状态 (Off) ， 我 们 在 之 前 已 经 讲 


要 的 。 然 后 ， 我 们 开启 并 设置 了 该 Pass 的 混合 模式 。 如 在 本 节 开头 所 讲 的 ， 我 们 将 源 颜色 


过 为 什么 要 这 样 做 了 。 这 是 非常 重 


这 是 为 了 让 Unity 能 够 按 前 


(该 片 元 着 色 器 产生 的 颜色 ) 的 混合 因子 设 为 SrcAlpha， 把 目标 颜 


[一 


(4) 修改 片 元 着 色 器 : 


的 颜色 ) 的 混合 因子 设 为 OneMinusSrcAlpha， 以 得 到 合适 的 半 透 明 效 果 。 


色 (已 经 存在 于 颜色 缓冲 


四 


fixed4 frag(v2f i) : SV_ Target { 
fixed3 worldNormal = normalize(i.worldNormal); 


fixed3 worldLightDir = normalize(UnityworldSpaceLightDir(i.worldPos)); 


fixed4 


fixed3 


fixed3 


fixed3 


return 


texColor = tex2D(_MainTex, i.uv); 

albedo = texColor.rgb * _Color.rgb; 

ambient = UNITY_LIGHTMODEL AMBIENT.xyz * albedo; 
diffuse = _LightColorO.rgb * albedo * max(0, dot(worldNormal, worldLightDir)),; 


fixed4(ambient + diffuse, texColor.a * _Alphascale); 


上 述 代 码 和 8.3 市 中 的 几乎 完全 一 样 ， 只 是 移 除了 透明 度 测试 的 代码 ， 并 设置 了 该 片 元 


着 色 器 返回 值 中 的 透明 通道 ， 它 是 纹理 像素 的 透明 通道 和 材 质 参 数 _AlphaScale 的 乘积 。 正 


如 本 节 一 开始 所 说 的 ， 只 有 使 用 Blend 命 令 打 开 混合 后 ， 我 们 在 这 里 设置 透明 通道 才 有 意 


义 ， 否 则 ， 
(5) 


这 些 透 明度 并 不 会 对 片 元 的 透明 效果 有 任何 影响 。 


最 后 ， 修 改 Unity Shader 的 Fallback: 


Fallback "Transparent/VertexLit" 


我 们 可 以 凋 节 材质 面板 工 的 Alpha Scale 参 数 ， 以 控制 整体 透明 度 。 图 8.9 给 出 了 不 同 


Alpha Scale 参数 下 的 半 透 明 效 果 


和 图 8.9 随 着 Alpha Scale 参数 的 减 小 ， 模 型 变 得 越 来 越 透明 


我 们 在 8.1 节 中 详细 解释 了 由 于 关闭 深度 写 入 带 来 的 各 种 问题 。 当 模型 本 身 有 复杂 的 遮 
挡 关 系 或 是 包含 了 复杂 的 非 凸 网 格 的 时 候 ， 就 会 有 各 种 各 样 因 为 排序 错误 而 产生 的 错误 的 
透明 效果 。 图 8.10 给 出 了 使 用 上 面 的 Unity Shader 泻 染 Knot 模 型 时 得 到 的 效果 。 


和 图 8.10” 当 模型 网 格 之 间 有 互相 交叉 的 结构 时 ， 往 往 会 得 到 错误 的 半 透 明 效果 


这 都 是 由 于 我 们 关闭 了 深度 写 入 造成 的 ， 因 为 这 样 我 们 就 无 法 对 模型 进行 像素 级 别 的 
深度 排序 。 在 8.1 节 中 我 们 提 到 了 一 种 解决 方法 是 分 割 网 格 ， 从 而 可 以 得 到 一 个 “质量 优 
等 ”的 网 格 。 但 是 很 多 情况 下 这 往往 是 不 切实 际 的 。 这 时 ， 我 们 可 以 想 办 法 重新 利用 深度 写 
入 ， 让 模型 可 以 像 半 透明 物体 一 样 进行 痰 入 淡出 。 这 就 是 我 们 下 面 要 讲 的 内 容 。 


8.5 ”开启 深度 写 入 的 半 透 明 效 果 


在 8.4 节 最 后 ， 我 们 给 出 了 一 种 由 于 关闭 深度 写 入 而 造成 的 错误 排序 的 情况 。 一 种 解决 
方法 是 使 用 两 个 Pass 来 泻 染 模型 : 第 一 个 Pass 开 启 深 度 写 入 ， 但 不 输出 颜色 ， 它 的 目的 仅 
仅 是 为 了 把 该 模型 的 深度 值 写 入 深度 缓冲 中 ; 第 二 个 Pass 进 行 正 常 的 透明 度 混 合 ， 由 于 上 
一 个 Pass 已 经 得 到 了 逐 像素 的 正确 的 深度 信息 ， 该 pass 就 可 以 按照 像素 级 别 的 深度 排序 结 
果 进 行 透明 泻 染 。 但 这 种 方法 的 缺点 在 于 ， 多 使 用 一 个 Pass 会 对 性 能 造成 一 定 的 有 影响。 在 
本 市 最 后 ， 我 们 可 以 得 到 类 似 图 8.11 中 的 效果 。 可 以 看 出 ， 使 用 这 种 方法 ， 我 们 仍然 可 以 


实现 模型 与 它 后 面 的 背景 混合 的 效果 ， 但 模型 内 部 之 间 不 会 有 任何 真正 的 半 透 明 效 果 。 
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A 图 8.11 开启 了 深度 写 入 的 半 透 明 效 果 
为 此 ， 我 们 需要 进行 如 下 准备 工作 。 
(1) 在 Unity 中 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 Scene_8_5。 在 Unity 5.2 
中 ， 默 认 情况 下 场景 将 包含 一 个 摄像 机 和 一 个 平行 光 ， 并 且 使 用 了 内 置 的 天 空 盒子 。 在 
Window -> Lighting -> Skybox 中 去 掉 场 景 中 的 天 空 盒子 。 
(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 AlphaBlendZWriteMat 。 


(3) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Unity Shader 名 为 Chapter8- 
AlphaBlendZWrite。 把 新 的 Unity Shader 赋 给 第 2 步 中 创建 的 材质 。 


(4) 在 场景 中 创建 一 个 立方 体 ， 并 把 第 2 步 中 的 材质 赋 给 该 模型 。 创 建 一 个 平面 ， 使 
得 平面 位 于 立方 体 下 面 。 


(5) 保存 场景 。 


本 节 使 用 的 代码 和 8.4 节 使 用 的 Chapter8-AlphaBlend 几 乎 完全 一 样 。 我 们 把 Chapter8- 
AlphaBlend 中 的 代码 粘贴 到 本 节 的 Chapter8-AlphaBlendZWrite 中 ， 我 们 只 需要 在 原来 使 用 的 
Pass 前 面 再 增加 一 个 新 的 Pass 即 可 : 


Shader "Unity Shader Book/Chapter8-Alpha Blending ZWwrite" { 
Properties { 
_Color ("Main Tint", Color) = (1,1,1,1) 
_MainTex ("Main Tex", 2D) = "white" {} 
_Alphascale ("Alpha Scale", Range(0, 1)) = 1 


} 
SubShader { 
Tags {"Queue"="Transparent" "IgnoreProjector"="True" "RenderType"="Transparent"} 


// Extra pass that renders to depth buffer only 
Pass { 

ZWrite On 

ColorMask 0 


} 


Pass { 


// 和 8 .4 节 同 样 的 代码 


} 


} 
Fallback "Diffuse" 


这 个 新 添加 的 Pass 的 目的 仅仅 是 为 了 把 模型 的 深度 信息 写 入 深度 缓冲 中 ， 从 而 别 除 模 
型 中 被 目 身 让 挡 的 片 元 。 因 此 ，Pass 的 第 一 行 开启 了 深度 写 入 。 在 第 二 行 ， 我 们 使 用 了 一 


个 新 的 渲染 命令 ColorMask 。 在 ShaderLab 中 ，ColorMask 用 于 设置 颜色 通道 的 写 捧 码 
(write mask) 。 它 的 语义 如 下 : 


ColorMask RGB | A | 9 | 其 他 任何 R、G、B、A 的 组 合 


Ey 
xt 


当 ColorMask 设 为 0 时 ， 意 味 着 该 ass 不 写 入 任何 颜色 通道 ， 即 不 会 输出 任何 颜色 
正 是 我 们 需要 的 一 该 Pass 只 和 需 写 入 深度 缓存 即 可 。 


8.6 ”ShaderLab 的 混合 命令 


在 8.4 一 下 中 ， 我 们 已 经 看 到 如 何 利用 Blend 命 令 进 行 刘 合 。 实 际 
混合 还 有 很 多 其 他 用 处 ， 不 仅仅 是 用 于 透明 度 混 合 。 在 本 下 里 ， 
合 中 的 细 太 问题 。 


我 们 首先 来 看 一 下 混合 是 如 何 实现 的 。 当 片 元 着 色 丹 产生 一 个 颜 
色 的 时 候 ， 可 以 选择 与 闫 色 绥 存 中 的 闫 色 进 行 混合 。 这 样 一 来 ， 混 合 
就 和 两 个 操作 数 有 关 : 源 颜 色 (source color) 和 目标 颜色 
(destination color) 。 源 颜色 ， 我 们 用 S 表示 ， 指 的 是 由 片 元 着 色 器 
产生 的 颜色 值 ;， 目标 颜色 ， 我 们 用 D 表示 ， 指 的 是 从 颜色 缓冲 中 读 取 
到 的 颜色 值 。 对 它们 进行 混合 后 得 到 的 输出 颜色 ， 我 们 用 O 表示 ， 叱 
会 重新 写 入 到 颜色 缓冲 中 。 需 要 注意 的 是 ， 当 我 们 谈 及 混合 中 的 源 颜 
色 、 目 标 颜色 和 输出 颜色 时 ， 写 们 都 包含 了 RGBA 四 个 通道 的 值 ， 而 并 
非 仅仅 是 RGB 通道 。 


想 要 使 用 混合 ， 我 们 必须 首先 开启 它 。 在 Unity 中 ， 当 我 们 使 用 
Blend (Blend Off 命 令 除外 ) 命令 时 ， 除 了 设置 混合 状态 外 也 开启 了 混 
合 。 但 是 ， 在 其 他 图 形 API 中 我 们 是 需要 手动 开启 的 。 例 如 在 OpenGL 
我 们 需要 使 用 glEnable(GL_ BLEND) 来 开启 混合 。 但 在 Unity 中 ， 它 
已 经 在 背后 为 我 们 做 了 这 些 工作 。 


8.6.1 混合 等 式 和 参数 


在 2.3.8 市 中 我 们 提 到 过 ， 混 合 古 一 个 逐 厂 元 的 操作 ， 而 且 它 不 是 
可 编程 的 ， 但 却 是 高 度 可 配置 的 。 也 就 是 说 ， 我 们 可 以 设置 混合 时 使 
0 间 合 因子 等 来 影响 混合 。 那么 ， 这 些 配置 义 是 如 何 实 
现 的 呢 ? 


现在 ， 我 们 已 知 两 个 操作 数 ; 源 颜 色 S 和 有 目 称 颜色 D， 想 要 得 到 输 
出 颜色 O 残 必须 使 用 一 个 等 式 来 计算 。 我 们 把 这 个 等 式 称 为 混合 等 式 
(blend equation) 。 当 进行 混合 时 ， 我 们 需要 使 用 两 个 混合 等 式 
个 用 于 混合 RGB 通道 ， 一 个 用 于 混合 A 通 道 。 当 设置 混合 状态 时 ， 我 们 
实际 上 设置 的 就 是 混合 等 式 中 的 操作 和 因子 。 在 默认 情况 下 ， 混 合 等 
式 使 用 的 操作 都 是 加 操作 (我 们 也 可 以 使 用 其 他 操作 ) ， 我 们 只 需要 


再 设置 一 下 混合 可 。 由 于 需要 两 个 等 式 (分 别 用 于 混合 RGB 通 
道 和 A 通 道 ) ， 等 式 有 两 个 因子 en 用 
于 和 目标 颜色 相 习 ， 因 此 一 共 需 要 4 个 因子 。 表 8.3 给 出 了 ShaderLab 
中 设置 混合 因子 的 命令 。 


表 8.3 ShaderLab 中 设置 混合 因子 的 命令 


开启 混合 ， 并 设置 混合 因子 。 源 颜色 (该 片 元 广 生 的 颜色 ) 会 乘 
以 SrcFactor， 而 目标 颜色 〈 已 经 存在 于 颜色 缓存 的 颜色 ) 会 乘 L 
DstFactor， 然 后 再 存 入 颜色 缓冲 中 


Blend SrcFactor 
DstFactor 


Blend SrcFactor 

DstFactor. ly 
a 日 了 |/ 村 A 天 | 

SrcFactorA | J 不 同 的 大 | 子 来 混 


DstFactorA 


可 以 发 现 ， 第 一 个 命令 只 提供 了 两 个 因子 ， 这 意味 大 将 使 用 同样 
的 混合 因子 来 混合 RGB 通 道 和 A 通道 ， 即 此 时 SrcFactorA 将 等 于 
SrcFactor，DstFactorA 将 等 于 DstFactor 。 下 面 就 是 使 用 这 些 因子 进 行 加 
法 混合 时 使 用 的 混合 公式 : 


Orgb = STCEactor X 5, gb 十 DstF actor x 也 ob 


Os, = SreFactorA Xx So DstFactorAX DD, 


那么 ， 这 些 混合 因子 可 以 有 哪些 值 呢 ? 表 8.4 给 出 了 ShaderLab 支 持 
的 几 种 混合 因子 。 


表 8.4 ShaderLab 中 的 混合 因子 


因子 为 源 颜色 值 。 当 用 于 混合 RGB 的 混合 等 式 时 ， 使 用 
SrcColor SrcColor 的 RGB 分 量 作为 因子 ; 当 用 于 混合 A 的 混合 和 
时 ， 使 用 SrcColor 的 A 分 量 作为 混合 因子 


因子 为 源 颜色 的 透明 度 值 (A 


因子 为 目标 颜色 值 。 当 用 于 混合 RGB 通 道 的 混合 等 式 时 ， 使 用 
DstColor DstColor 的 RGB 分 是 作为 内 子 ; 当 用 于 混合 A 通道 的 混合 等 
式 时 ， 使 用 J 混合 因子 。 


因子 为 目标 颜色 的 透明 度 值 ( 


妹子 为 (1- 源 颜色 )。 当 用 于 混合 RGB 的 混合 等 式 时 ， 使 用 结果 
OneMinusSrcColor | 的 RGB 分 量 作 为 混 子 ; 当 用 于 混合 A 的 混合 等 式 时 ， 使 
结果 的 A 分 量 作 为 》 子 


OneMinusSrcAlpha | 因子 为 (1- 源 颜色 的 透明 度 值 ) 


妹子 为 (1- 目 标 颜 色 )。 当 用 于 混合 RGB 的 混合 等 式 时 ， 使 用 结 
OneMinusDstColor | 果 的 RGB 分 量 作为 混合 因子 ; 当 用 于 混合 A 的 混合 等 式 时 ， 使 
结果 的 A 分 量 作为 混合 因子 


OneMinusDstAlpha | 因子 为 (1- 目 标 颜 色 的 透明 度 值 ) 


使 用 上 面 的 指令 进行 设置 时 ，RGB 通 道 的 混合 因子 和 A 通道 的 混合 
因子 都 是 一 样 的 ， 有 时 我 们 希望 可 以 使 用 不 同 的 参数 混合 A 通 道 ， 这 时 


就 可 以 利用 Blend SrcFactor DstFactor, SrcFactorA DstFactorA 指令 
例如 ， 如 果 我 们 想 要 在 混合 全 后 ， 输 出 颜色 的 透明 谍 值 就 是 源 颜 色 的 透 
明度 ， 可 以 使 用 下 面 的 命令 : 


Blend SrcAlpha OneMinusSrcAlpha, One Zero 


Wl 


8.6.2 ”混合 操作 


在 上 面 涉 及 的 混合 等 式 中 ， 当 把 源 闫 色 和 目标 闫 色 与 它们 对 应 的 
混合 因子 相 乘 后 ， 我 们 都 是 把 jy 结 且 加 起 来 作为 输出 颜色 的 。 那 
么 可 不 可 以 选择 不 使 用 加 法 ， 而 使 用 减法 呢 ? 答案 是 肯定 的 ， 我 们 可 
以 使 用 ShaderLab 的 BlendOp BlendOperation 命令 ， 即 混合 操作 命令 
表 8.5 给 出 了 ShaderLab 中 文 持 的 混合 操作 。 


表 8.5 “ShaderLab 中 的 混合 操作 


将 混合 后 的 源 颜 色 和 目标 颜色 相 加 。 默 认 的 混合 操作 。 使 用 
是 : Orgb = STCFactor x 95r 有 十 DSstFactor x Dr 


% 
On = SrcF'actorA x So + DstFactorAx D, 


用 混合 后 的 源 颜色 减 去 混合 后 的 目标 颜色 。 使 
Orgb = SrcFactor x 9r 扩 一 DSstFactor x Drgp 


Ou = SrcFactorA x So — DstFactorA x Do 


用 混合 后 的 目标 颜色 减 去 混合 后 的 源 颜色 。 使 用 的 
Orgb = = :Dat Fac OF Drop 一 SrcFactor x Ss 


Ou = DstFactorA x Dy — SrcFactorA x So 


上 源 颜 色 和 目标 颜色 中 较 小 的 值 ， 和 是 逐 分 量 比较 的 。 使 用 的 混 全 


Te = (min(Sr, Dr), min(Syg, Dg), min(Ss, Ds), min(Sa, Da)) 


逐 分 量 比较 的 。 使 用 的 混合 


殉 用 源 颜 色 和 目标 颜色 中 较 大 的 值 ， 


三 | 
征 
Drgba = (max( Sr， D7), max(Sg, Dg), maxlSs, Ds), max(So, Da)) 


仅 在 DirectX 11.19 


混合 操作 命令 通常 是 与 混合 因子 命令 一 起 工作 的 。 但 需要 注意 的 
是 ， 当 使 用 Min 或 Max 混合 操作 时 ， 混 合 因 子 实 际 上 是 不 起 任何 作用 
的 ， 它 们 仪 会 判断 原始 的 源 颜 色 和 目的 闫 色 之 间 的 比较 结果 。 


8.6.3 ”常见 的 混合 类 型 


通过 混合 操作 和 混合 因子 命令 的 组 合 ， 我 们 可 以 得 到 一 些 类 似 
Photoshop 混 合 模式 中 的 混合 效果 : 


// 正常 (Normal) ， 即 透明 度 混 合 
Blend SrcAlpha OneMinusSrcAlpha 


// 柔和 相 加 (Soft Additive) 
Blend OneMinusDstColor One 


// 正片 到 底 (Multiply) ， 即 相 如 
Blend DstColor Zero 


调 ' 


// 两 倍 相对 (2x Multiply) 
Blend DstColor SrcColor 


// 变 暗 (Darken) 
Blendop Min 
Blend One One 


// 变 亮 (Lighten) 
BlendOop Max 
Blend One One 


// 滤 色 (Screen) 
Blend OneMinusDstColor One 
// 等 同 于 


Blend One OneMinusSrcColor 


// 线性 减 淡 (Linear Dodge) 
Blend One One 


图 8.12 给 我 们 可 以 在 本 书 资源 中 
的 Scene_8_6_ 3 场景 中 找到 相关 资源 


A 图 8.12 不 同 混 合 状 态 设 置 得 到 的 效果 


需要 注意 的 是 ， 虽 然 上 面 使 用 Min 和 Max 混 合 操作 时 仍然 设置 了 混 
合 因 于， 但 实际 上 它们 弄 个 会 对 结果 有 任何 影响， 因为 Min 和 Max 混 合 
操作 会 忽略 混合 因 了 于 。 另 一 点 和 是， 虽然 上 面 有 些 混 合 模式 并 没有 设置 
混合 操作 的 种 类 ， 但 是 它们 默认 就 是 使 用 加 法 操作 ， 相 当 于 设置 了 
BlendOp Add ° 


8.7” 双 面 泻 染 的 透明 效果 


在 现实 生活 中 ， 如 果 一 个 物体 是 透明 的 ， 意 味 着 我 们 不 仅 可 以 透 过 它 看 到 其 他 物体 的 
样子 ， 也 可 以 看 到 它 内 部 的 结构 。 但 在 前 面 实现 的 透明 效果 中 ， 无 论 是 透明 度 测 试 还 是 透 
明度 混合 ， 我 们 都 无 法 观察 到 正方 体内 部 及 其 背面 的 形状 ， 导 致 物体 看 起 来 就 好 像 只 有 半 
个 一 样 。 这 是 因为 ， 默认 情况 下 渲染 引擎 萄 除了 物体 背面 (相对 于 摄像 机 的 方向 ， 的 泻 染 
图 元 ， 而 只 渲染 了 物体 的 正面 。 如 果 我 们 想 要 得 到 双 面 泻 染 的 效果， 可 以 使 用 Cull 指令 来 
控制 需要 剔除 哪个 面 的 浑 染 图 元 。 在 Unity 中 ，Cull 指 令 的 语法 如 下 : 


Cull Back | Front | Off 


如 果 设置 为 Back， 那 么 那些 背 对 着 摄像 机 的 演 染 图 元 束 不 会 被 渲染 ， 这 也 是 默认 情况 
下 的 剔除 状态 ， 如 果 设 置 为 Front， 那 么 那些 朝向 摄像 机 的 泻 染 图 元 束 不 会 被 泻 染 ， 如 果 设 
置 为 Off ， 就 会 关闭 剔除 功能 ， 那 么 所 有 的 泻 染 图 元 都 会 被 泻 染 ， 但 由 于 这 时 需要 泻 染 的 
图 元 数目 会 成 倍增 加 ， 因 此 除非 是 用 于 特殊 效果 ， 例 如 这 里 的 双 面 渲染 的 透明 效果 ， 通 常 
青 况 是 不 会 关闭 剔除 功能 的 。 


8.7.1 透明度 测试 的 双 面 演 染 


我 们 首 移 来 看 一 下 ， 如 何 让 使 用 了 透明 度 测试 的 物体 实现 双 面 泻 染 的 效果 。 这 非常 简 
单 ， 只 需要 在 Pass 的 泻 染 设置 中 使 用 Cull 指 令 来 关闭 剔除 即 可 。 为 此 ， 我 们 新 建 了 一 个 场 
景 ， 在 本 章 资 源 中 ， 该 场景 名 为 Scene 8 7 1， 场景 中 同样 包含 了 一 个 正方 体 ， 它 使 用 的 材 
质 和 Unity Shader 分 别名 为 AlphaTestBothSidedMat 和 Chapter8-AlphaTestBothSided。 
Chapter8-AlphaTestBothSided 的 代码 和 8.3 市 中 的 Chapter8-AlphaTest 儿 乎 完全 一 样 ， 只 添加 
了 一 行 代码 : 


A 


Pass { 
Tags { "LightMode"="ForwardBase" } 


// Turn off culling 
Cull off 


如 上 所 示 ， 这 行 代 码 的 作用 是 关闭 剔除 功能 ， 使 得 该 物体 的 所 有 的 泻 染 图 元 都 会 被 演 
染 。 由 此 ， 我 们 可 以 得 到 图 8.13 中 的 效果 。 


€ Game 


此 时 ， 我 们 可 


Maximize on Play Mure audio | Stats | Gizmos ™ 


A 图 8.13” 双 面 泻 染 的 透明 度 测试 的 物体 
以 透 过 正方 体 的 铁 空 区 域 看 到 内 部 的 演 染 结果 


Ea 
ns 
0° 


8.7.2 ”透明 度 混 合 的 双 面 泻 染 


和 透明 度 测试 


相 比 ， 想 要 让 透明 度 混 合 实现 双 面 泻 染 会 更 复杂 一 些 ， 这 是 因为 透明 度 


?| | 条 度 


Tm 
0 


写 入 ， 而 这 是 “一 切 混乱 的 开端 "。 我 们 知道 ， 想 要 得 到 正确 的 透明 效 


果 ， 演 染 顺 序 是 非 


凋 重 要 的 一 一 我 们 想 要 保证 图 元 是 从 后 往 前 泻 染 的 。 对 于 透明 度 测试 来 


关闭 深度 写 入 ， 因 此 可 以 利用 深度 缓冲 按 逐 像素 的 粒度 进行 深度 排序 


说 ， 由 于 我 们 没 入 有 
从 而 保证 泻 染 的 正 
到 正确 的 深度 关系 。 
无 法 保证 同一 个 物 


确 性 。 然 而 一 旦 关闭 了 深度 写 入 ， 我 们 就 需要 疙 地 控制 泻 河 | 顺序 来 得 
如 有 果 我 们 仍然 采用 8.7.1 节 中 的 方法 ， 直 接 关 闭 剔 除 功能 ， 那 么 我 们 就 
本 的 正面 和 背面 图 元 的 泻 染 顺序 ， 就 有 可 能 得 到 错 ; 吴 的 半 活 明 效果 。 


为 此 ， 我 们 选择 把 双 面 泻 染 的 工作 分 成 两 个 Pass 一 一 第 一 个 Pass 只 渲染 背面 ， 第 二 个 


Pass 只 渲染 正面 ， 


由 于 Unity 会 顺序 执行 SubShader 中 的 各 个 Pass， 基 此 我 们 可 以 保证 尊 5 而 癌 站 


是 在 正面 被 泻 染 之 前 泻 染 ， 从 而 可 以 保证 正确 的 深度 演 染 关系 。 


个 场景 ， 在 本 量 质 源 中 ， 该 场景 名 为 Scene_8_7 2， 场景 中 包含 了 一 个 正 


我 们 新 建 了 


方 体 ， 它 使 用 的 材质 和 Unity Shader 分 别名 为 AlphaBlendBothSidedMat 和 Chapter8- 
AlphaBlendBothSided。 相 较 于 8.4 节 的 Chapter8-AlphaBlend， 我 们 对 Chapter8- 
AlphaTestBothSided 的 代码 做 了 两 个 改动 。 


(1) 复制 原 Pass 的 代码 ， 得 到 另 一 个 Pass。 


(2) 在 两 个 Pass 中 分 别 使 用 Cull 指令 剔除 不 同 朝向 的 演 染 图 元 : 


Shader "Unity Shaders Book/Chapter 8/Alpha Blend With Both Side" { 


Properties { 


_Color (" 


Main Tint", Color) = (1,1,1,1) 


_MainTex ("Main Tex", 2D) = "white" {} 
_Alphascale ("Alpha Scale", Range(0, 1)) = 1 


} 
SubShader { 
Tags {"Queue"="Transparent" "IgnoreProjector"="True" "RenderType"='"Transparent "小 


Pass { 
Tags { "LightMode"="ForwardBase" } 


// First pass renders only back faces 
Cull Front 


// 和 之 前 一 样 的 代码 


} 
Pass { 
Tags { "LightMode"="ForwardBase" } 
// Second pass renders only front faces 
Cull Back 
// 和 之 前 一 样 的 代码 
} 


Fallback "Transparent/VertexLit" 


通过 上 面 的 代码 ， 我 们 可 以 得 到 图 8.14 中 的 效果 。 


€ Game 
600x400 


图 8.14 。 双 夯 


Pp 


泻 染 的 透明 度 混合 的 物体 


第 3 篇 ”中 级 篇 


中 级 篇 是 本 书 的 进 阶 篇 ， 将 讲解 Unity 中 的 泻 染 路 径 、 如 何 计算 光 
照 腾 减 和 阴影 ~、 如何 使 用 高 级 纹理 和 动画 等 一 系列 进 阶 内 容 。 

第 9 章 更 复杂 的 光照 

我 们 在 初级 篇 中 实现 的 光照 模型 中 没有 考虑 一 些 重要 的 光照 计 
算 ， 如 阴影 和 光照 衰减 。 本 章 首 移 讲 解 Unity 中 的 3 种 泻 染 路 径 和 3 种 重 
要 的 光源 类 型 ， 再 解释 如 何在 前 同 演 染 路 径 中 实现 包含 了 光照 袁 减 、 
阴影 等 效果 的 完整 的 光照 计算 。 在 本 章 最 后 ， 会 给 出 基于 之 前 学 习 内 
容 实现 的 包含 了 完整 光照 计算 的 Unity Shader 。 

第 10 章 高 级 纹理 


这 一 章 将 会 讲解 如 何在 Unity Shader 中 使 用 立方 体 纹理 、 演 染 纹理 
和 程序 纹理 等 类 型 的 纹理 。 


第 11 章 让 画面 动 起 来 


静态 的 画面 往往 是 无 趣 的 。 这 一 章 将 帮助 读者 学 习 如 何在 Shader 
中 使 用 时 间 变 量 来 实现 纹理 动画 、 顶 点 动画 等 动态 效果 。 


第 9 章 更 复杂 的 光照 


从 本 划 开 始 ， 我 们 就 进入 了 中 级 篇 的 学 习 。 在 初级 篇 中 ， 我 们 对 
实现 的 Unity Shader 中 的 每 一 行 代码 都 进行 了 详细 解释 。 我 们 相信 通过 
初级 篇 的 学 习 ， 读 者 已 经 对 Shader 的 基本 语法 有 了 一 定 了 解 ， 因 此 在 
中 级 篇 以 及 之 后 的 篇 节 中 ， 我 们 不 再 列 出 Unity Shader 中 的 每 一 行 代 
码 ， 而 是 选择 其 中 的 关键 代码 进行 解释 。 读 者 可 以 在 本 书 资源 中 找到 
完整 的 实现 。 需 要 注意 的 是 ， 本 章 实 现 的 代码 大 多 是 为 了 阐述 一 些 计 
算 的 实现 原理 ， 并 不 可 以 直接 用 于 项 目 中 。 我 们 会 在 9.5 市 给 出 包含 
完整 光照 计算 的 Unity Shader 。 


在 前 面 的 学 习 中 ， 我 们 的 场景 中 都 仅 有 一 个 光源 且 光 源 类 型 是 平 
行 光 (如 果 你 的 场景 不 是 这 样 的 话 ， 可 能 会 得 到 错误 的 结果 ) 。 但 在 
实际 的 游戏 开发 过 程 中 ， 我 们 往往 需要 处 理 数目 更 多 、 类 型 更 复杂 的 
光源 。 更 重要 的 是 ， 我 们 想 要 得 到 阴影 。 在 本 章 我 们 就 会 学 习 如 何在 
Unity 中 实现 上 面 的 功能 。 


在 学 习 这 些 之 前 ， 我 们 有 必要 知道 Unity 到 撒 是 如 何 处 理 这 些 光 源 
的 。 也 就 是 说 ， 当 我 们 在 场景 里 放置 了 各 种 类 型 的 光源 后 ，Unity 的 讨 
层 泻 染 引 擎 是 如 何 让 我 们 在 Shader 中 访问 到 它们 的 ， 因 此 9.1 广 首先 介 
绍 了 Unity 的 泻 染 路 径 。 之 后 ， 我 们 将 在 9.2 季 中 学 习 如 何 处 理 更 多 不 同 
类 型 的 光源 ， 如 点 光源 和 聚光灯 。9.3 克 将 介绍 如 何在 Unity Shader 中 
处 理光 照 豪 减 ， 实 现 距离 光源 越 远 光 强 越 弱 的 效果 。 在 9.4 和 ， 我 们 将 
介绍 Unity 中 阴影 的 实现 方法 ， 并 学 习 在 Unity Shader 中 如 何 为 不 同类 
型 的 物体 实现 阴影 效果 。 最 后 ， 我 们 会 在 9.5 节 给 出 本 书 使 用 的 标准 的 
Unity Shader， 这 些 Unity Shader 包 含 了 完整 的 光照 计算 ， 本 书后 面 的 
章 世 中 也 会 使 用 这 些 Shader 进 行 场景 搭建 。 


9.1 Unity 的 演 染 路 径 


的 。 因 此 ， 如 果 要 和 光源 打交道 ， 


在 Unity 里 ， 浑 染 路 径 (Rendering Path) 决定 了 光照 是 如 何 应 用 到 Unity Shader 中 
我 们 需要 为 每 个 Pass 指 定 它 使 用 的 演 染 路 径 ， 


只 有 这 


样 才能 让 Unity 知 道 ，“ 哦 ， 


原来 这 个 程序 员 想 要 这 和 


泻 染 路 径 ， 那 么 好 的 ， 我 把 光源 和 


处 理 后 的 光照 信息 都 放 在 这 些 数据 里 ， 你 可 以 访问 啦 ! ”也 就 是 说 ， 我 们 只 有 为 Shader 
正确 地 选择 和 设置 了 需要 的 泻 染 路 径 ， 该 Shader 的 光照 计算 才能 被 正确 执行 。 


Unity 支 持 多 入 
(Forward Rendering Path) 
明 泻 染 路 径 (Vertex Lit Rendering Path) 


之 前 使 用 了 顶点 是 明 党 洒 耻 径 的 Unity ys ; 
原来 的 延迟 演 染 路 径 (同样 ， 目 前 也 提供 了 对 较 旧 版 本 的 兼容 ) 。 


' 类 型 的 泻 染 路 径 。 在 Unity 5.0 版 本 之 前 ， 
、 延 迟 演 染 路 径 (Deferred Rendering Path) 和 顶点 照 
A 日 在 ， 5 0 版 本 以 后 ， 人 


一 个 项 目 只 


大 多 数 情况 下 ， 


\ 使 用 一 种 泻 染 


主要 有 3 种 ， 前 向 泻 染 路 径 


路 径 ， 


时 的 泻 染 路 径 。 


一 Rendering Path 中 选择 项 目 所 需 的 演 染 路 径 


路 径 ， 如 图 9.1 所 示 。 


旦 有 时 ， 我 们 希望 可 以 使 用 多 


“六 


路 径 ， 


个 泻 染 路 径 


而 摄像 机 B 泻 染 的 物体 使 用 延迟 泻 桨 路 径 


其 次 ， 新 的 延迟 演 染 路 径 代 符 ] 


因此 我 们 可 以 为 整个 项 目 设置 泻 染 


我 们 可 以 通过 在 UnityAJEdit —» Project Settings ~” Player ~ Other Settings 


° 默认 情况 下 ， 该 设置 选择 的 是 前 向 泻 染 


， 例 如 摄像 机 A 泻 染 的 物体 使 用 前 向 泻 染 
° 这 时 ， 我 们 可 以 在 每 个 摄像 机 的 泻 染 


路 径 设置 中 设置 该 摄像 机 使 用 的 泻 染 
示 “。 


Other Settings 


Rendering 
Rendering Path* 
Color Space* 
Auto Graphics APlfor Wit 
Auto Graphics APl for Lin 
Static Batching 

Dynamic Batching 

GPU Skinning* 
Stereoscopic rendering* 
Virtual Reality Supported 


站 路 径 ， 


以 履 盖 Project Settings 中 的 设置 ， 如 图 9.2 所 


ll 


Deferred 
Legacy Vertex Lit 
Legacy Deferred (light prepass) 


& 图 


图 
加 
口 
口 


A 图 9.1 设 


的 泻 染 路 径 


Unity 项 


™ Sh IM Camera 尖 , 


Clear Flags | Skybox 多 
backoround 有 RE 7 
Culling Mask | Everything $| 
Projection Perspective 多 
Field of View De 人 ( 
Clipping Planes Near ,0.3 
Far 1000 

Wiewport Rect 

Xi0 IO 

Wl1 HI1 
Depth -1 
Renderin v Use Player Settings | 


Target Té Forward | 


Occlusio 
HDR Legacy Vertex Lit 
Legacy Deferred (light prepass) | 
Ureayc 一 


Ti M GU 


ld 


图 9.2 ”摄像 机 组 件 的 Rendering Path 中 的 设置 可 以 覆盖 Project Settings 中 的 设置 


在 上 面 的 设置 中 ， 如 果 选 择 了 Use Player Settings， 那 么 这 个 摄像 机 会 使 用 Project 
Settings 中 的 设置 ， 否 则 就 会 履 盖 掉 Project Settings 中 的 设置 。 需 要 注意 的 是 ， 如 果 当 前 
的 显卡 并 不 支持 所 选择 的 演 染 路 径 ，Unity 会 自动 使 用 更 低 一 级 的 演 染 路 径 。 例 如 ， 如 
果 一 个 GPU 不 支持 延迟 渲染 ， 那 么 Unity 束 会 使 用 前 癌 泻 染 。 


完成 了 上 面 的 设置 后 ， 我 们 就 可 以 在 每 个 Pass 中 使 用 标签 来 指定 该 Pass 使 用 的 演 染 
路 径 。 这 是 通过 设置 Pass 的 LightMode 标签 实现 的 。 不 同类 型 的 泻 染 路 径 可 能 会 包含 多 
标签 设置 。 例 如 ， 我 们 之 前 在 代码 中 写 的 : 


>h 


Pass { 
Tags { "LightMode" = "ForwardBase" } 


上 面 的 代码 将 告诉 Unity， 该 Pass 使 用 前 向 泻 染 路 径 中 的 ForwardBase 路 径 。 而 前 向 


演 染 路 径 还 有 一 种 路 径 叫做 ForwardAdd 。 表 9.1 给 出 了 Pass 的 LightMode 标 签 支持 的 演 
染 路 径 设置 选项 。 


表 9.1 LightMode 标 签 支持 的 演 染 路 径 设 置 选项 


标签 名 描述 
Always 不 管 使 用 哪 种 演 染 路 径 ， 该 Pass 总 是 会 被 泻 染 ， 但 不 会 计算 任何 光照 


用 于 前 向 泻 染 。 该 Pass 会 计算 环境 光 、 最 重要 的 平行 光 、 逐 顶点 /SH 光 
源 和 Lightmaps 


ForwardBase 


问题 吗 ? 通俗 来 讲 ， 指 定 
我 们 为 一 个 Pas 
准备 使 用 前 向 渲染 了 ， 你 于 


例如 ， 如 3 


用 ! "随后 ， 
定 任何 演 
何 前 向 浑 染 适 合 的 标签 ， 
光照 变量 很 可 能 不 会 被 正确 赋值 ， 


那么 ，Unity 的 泻 梁 引擎 是 如 何 处 理 这 


路 径 


9.1.1 ”前 向 泻 染 路 径 


向 泻 染 路 径 是 传统 的 泻 染 方式 ， 也 是 我 们 最 常用 的 一 种 泻 染 
丛 出 Unity 对 于 前 向 泻 染 路 径 的 实现 纪 
向 泻 染 路 径 的 。 


标签 名 描述 
ForwardAdd 于 前 向 泻 染 。 该 Pass 会 计算 额外 的 逐 像素 光源 ， 每 个 pass 对 应 一 个 光 
源 
Deferred 用 于 延迟 泻 染 。 该 Pass 会 泻 染 G 绥 冲 (G-buffer) 
ee 把 物 体 的 深度 信息 泻 染 到 阴影 映射 纹理 (shadowmap) 或 一 张 深度 纹理 
PrepassBase 用 于 遗留 的 延迟 演 染 。 该 Pass 会 演 染 法 线 和 高 光 反 射 的 指数 部 分 
Byres pinal 于 遗留 的 延迟 泻 染 。 该 Pass 通 过 合并 纹理 、 光 照 和 自发 光 来 演 染 得 到 
P 最 后 的 颜色 
Vertex、VertexLMRGBM 和 2 
WE 用 于 遗留 的 顶点 照明 泻 染 
那么 指定 演 交 染 路 径 到 | 谍 有 什么 用 呢 ? 如 果 一 个 Pass 没 有 指定 任何 演 染 染 路 径 会 有 什么 


先 会 概括 前 向 泻 
最 后 


首 
求 ， 给 出 Unity ShaderT 


进行 更 加 详细 的 解释 。 


村 


染 路 径 的 原理 


前 向 泻 染 路 径 的 原理 


泻 染 路 征 是 我 们 和 Unity 的 底层 
s 设 置 了 前 向 泻 染 路 径 的 标签 ， 
那些 光照 属性 
我 们 可 以 通过 Unity 提 供 的 内 置 光 照 


二 渲染 引擎 的 一 次 重要 的 沟通 


相当 于 会 告诉 Unity: “ 嘿 我 


都 按 前 站 辣 演 染 的 流程 给 我 准备 好 ， 我 一 会 儿 要 


变量 来 访问 


染 路 径 (实际 上 ， iv 下 中 是 
就 会 被 当成 一 个 和 顶点 照明 泻 染 路 径 等 
出 的 效果 也 就 很 有 可 能 是 错误 的 。 


我 们 计 


使 用 了 前 回 洽 


这 些 属 


Ea] 性 。 如 果 我 们 没有 指 
染 又 没有 为 Pass 指 定 任 
等 同 的 Pass) ， 那 么 一 些 


每 进行 一 次 完整 的 前 


否 可 见 ， 如 3 
演 染 路 径 的 大 致 过 程 : 


言 息 ， 一 个 是 颜色 缓冲 
可 见 就 更 填 


导 


Sf 


可 演 染 
区 -~ 


E， 然 后 再 


EE /NY 


FP 哪 些 内 置 变 


颜色 缓冲 区 中 的 颜色 值 。 


我 们 需 


量 是 用 于 前 


文 些 演 染 路 径 的 呢 ? 下 面 ， 我 们 会 对 这 


些 演 染 


路 径 。 在 本 广 ， 我 们 


节 和 要 


要 演 染 


并 该 对 象 的 泻 
是 深度 缓冲 区 。 我 们 利用 深度 缓冲 来 决定 
我 们 可 以 用 下 面 的 伪 代 码 来 描述 前 向 


染 图 元 ， 并 计算 两 个 缓冲 区 
个 片 元 是 


Pass { 


if (failed 


for (each primitive in this model) { 

for (each fragment covered by this primitive) { 
in de 
es 


pth test) { 


// 如 果 
discard; 
} else { 


通过 深度 测试 ， 说 明 该 


// 如 果 该 


EL 
J 


c 可 见 


float4 


// 就 进行 
color = Shading(materialInfo， 


E 照 计算 


// 里 


对 于 每 个 逐 像素 光源 ， 


新 帧 缓 ? 
writeFrameBuffer(fragment, color); 


片 元 是 不 可 见 的 


我 们 都 需要 进行 上 面 一 次 完整 的 演 染 流程 。 如 果 一 个 物体 在 


pos，normalLl，1ightDir，VviewDIr)|' 


多 个 逐 像素 光源 的 影响 区 域内 ， 那 么 该 物体 就 需要 执行 多 个 Pass， 每 个 Pass 计 算 一 个 逐 
像素 光源 的 光照 结 末 ， 然 后 在 帧 缓冲 中 把 这 些 光照 结果 混合 起 来 得 到 最 终 的 颜色 值 。 假 


设 ， 场景 中 有 NN 个 物体 ， 


*M 个 Pass。 可 以 看 出 ， 如 


有 大 量 逐 像素 光照 


ANY) 


个 物体 受 M 个 光源 的 影响 ， 那 么 要 泻 染 整 
那么 需要 执行 的 Pass 数 目 也 会 很 大 。 


此 ， 泻 染 引 警 通常 会 限制 每 个 物体 的 逐 像素 光照 的 数目 。 


2. Unity 中 的 前 向 演 染 


上 照 。 有 照 


/入 


他 光照 。 这 取决 于 光照 计 


于 


在 Unity 中 ， 
像素 处 理 ， 球 谐 西数 


有 照 


MY 


的 模式 设置 为 Important， 


处 理光 照 ( 即 


(Spherical Harmonics, SH) 
理 模式 取决 于 它 的 类 型 和 演 染 模式 。 光 源 类 型 指 的 是 该 光源 是 平行 光 还 是 其 
源 ， 而 光源 的 泻 染 模式 指 的 是 该 光源 是 


i 
局 \ 


你 可 以 认真 对 待 它 ， 把 它 当成 一 个 逐 像素 光源 来 处 理 
性 ， 如 图 9.3 所 示 。 


设置 这 些 


否 是 重要 的 《Important) 
味 着 我 们 告诉 Unity,，“ 嘿 老兄 ， 这 个 光源 很 重要 ， 我 希望 


事实 上 ， 一 个 Pass 不 仅仅 可 以 用 来 计算 逐 像素 光照 ， 它 也 可 以 用 来 计算 逐 顶 
] 所 处 流水 线 阶段 以 及 计 
个 物体 时 ，Unity 会 计算 哪些 光源 照 亮 了 它 ， 以 及 这 些 光 源 


前 向 泻 染 路 径 有 3 


算 


于 


照 亮 


Mm A IL 


照 亮 


wv 


处 理 。 而 决定 一 个 》 


个 场景 一 共 需 要 N 


占 徐 


本 


时 使 用 的 数学 模型 。 当 我 们 泻 染 一 
该 物体 的 方式 。 


物体 ) 的 方式 : 逐 顶 点 处 理 、 逐 


E 源 使 用 哪 种 处 


他 类 型 的 光 


!' ”我 们 可 以 在 光源 的 Light 组 件 中 


“如 洒 我 们 把 一 个 沁 


Baking Realtime 和 
Range 10 | 
Color CC 
Intensity Di 
Bounce Intensity (CO | 人 
Shadow Type No Shadows sl 
Cookie None {Texture) [9 
Draw Halo mm 

Flare None (Flare) |9 
Render Mode v Auto 1 


Culling Mask Important 
Not Important 
A 图 9.3 ”设置 光源 的 类 型 和 泻 染 模式 


在 前 向 泻 染 中 ， 当 我 们 泻 染 一 个 物体 时 ，Unity 会 根据 场景 中 各 个 光源 的 设置 以 及 
这 些 光源 对 物体 的 影响 程度 (例如 ， 距 离 该 物体 的 远近 、 光 源 强度 等 对 这 些 光源 进行 
一 个 重要 度 排序 。 其 中 ， 一 定数 目的 光源 会 按 逐 像素 的 方式 处 理 ， 然 后 最 多 有 4 个 光源 
按 逐 顶点 的 方式 处 理 ， 剩 下 的 光源 可 以 按 SH 方 式 处 理 。Unity 使 用 的 判断 规则 如 下 。 


场景 中 最 亮 的 平行 光 总 是 按 逐 像素 处 理 的 。 
党 站 便 式 该 设置 成 No Important 的 光源 ， 会 按 逐 顶点 或 者 SH 处理 

染 模 式 被 设置 成 Important 的 光源 ， 会 按 逐 像素 处 理 。 
如 果 根 据 以 上 规则 得 的 带 人 素 光 尖 政 量 小 gualte Setting 中 的 逐 系 像 素 光 源 数量 
(Pixel Light CounbD， 会 有 更 多 的 光源 以 逐 像素 的 方式 进行 泻 染 


那么 ， 在 哪里 进行 光照 计算 呢 ? 当然 是 在 Pass 里 。 前 向 渲染 有 两 入 
Pass: Base Pass 和 Additional Pass。 通 常 来 说 ， 这 两 种 Pass 进 行 的 标签 和 渲染 设置 以 及 委 
规 光照 计算 如 图 9.4 所 示 。 


oO 


Tags { "LightMode"="ForwardBase"} 
#pragma multi_compile_fwdbase 


自发 光 
阴影 (平行 光 的 阴影 ) 


可 实现 的 光照 效果 : 
Y ”默认 情况 下 不 支持 阴影 ， 


Tags { "LightMode"="ForwardAdd"} 
Blend One One 
#pragma multi_compile_fwdadd 


但 可 以 通过 使 用 #pragma 
multi_compile_fwdadd_fulls 


~ 阴 


A 图 9.4 前 向 泻 染 的 两 种 Pass 
图 9.4 中 有 几 点 需要 说 明 的 地 方 。 


首先 ， 可 以 发 现在 演 染 设置 中 ， 我 们 除了 设置 了 Pass 的 标签 外 ， 还 使 用 了 #pragma 
multi_ compile_fwdbase 这 样 的 编译 指令 。 虽 然 #pragma multi_compile_fwdbase 和 
#pragma multi_compile fwdadd 在 官方 文档 中 还 没有 给 出 相关 说 明 ， 但 实验 表明 ， 
只 有 分 别 为 Bass Pass 和 Additional Pass 使 用 这 两 个 编译 指令 ， 我 们 才 可 以 在 相关 的 
Pass 中 得 到 一 些 正 确 的 光照 变量 ， 例 如 光照 衰减 值 等 。 

Base Pass 旁 边 的 注释 给 出 了 Base Pass 中 支持 的 一 些 光照 特性 。 例 如 在 Base Pass 中 ， 
我 们 可 以 访问 光照 纹理 (ightmap) 。 

Base Pass 中 泻 染 的 平行 光 默 认 是 支持 阴影 的 (如果 开 启 了 光源 的 阴影 功能 ，， 而 
Additional Pass 中 泻 染 的 光源 在 默认 情况 下 是 没有 阴影 效果 的 ， 即便 我 们 在 它 的 
Light 组 件 中 设置 了 有 阴影 的 Shadow Type 。 但 我 们 可 以 在 Additional Pass 中 使 用 
pi multi_compile_ fwdadd_fullshadows 代 蔡 #pragma multi_compile_fwdadd 编 译 
， 为 点 光源 和 聚光灯 开启 阴影 效果 ， 但 这 需要 Unity 在 内 部 使 用 更 多 的 Shader 变 


环境 光 和 自发 光 也 是 在 Base Pass 中 计算 的 。 这 是 因为 ， 对 于 一 个 物体 来 说 ， 环 境 光 
和 自发 光 我 们 只 希望 计算 一 次 即 可 ， 而 如 果 我 们 在 Additional Pass 中 计算 这 两 种 光 
照 ， 就 会 造成 又 加 多 次 环境 光 和 自发 光 ， 这 不 是 我 们 想 要 的 。 

在 Additional Pass 的 泻 染 设置 中 ， 我 们 还 开启 和 设置 了 混合 模式 。 这 是 因为 ， 我 们 
希望 每 个 Additional Pass 可 以 与 上 一 次 的 光照 结果 在 帧 缓存 中 进行 二 加， 从 而 得 到 
最 终 的 有 多 个 光照 的 泻 染 效 果 。 如 果 我 们 没有 开启 和 设置 混合 模式 ， 那 么 


Additional Pass 的 泻 染 结果 会 覆盖 掉 之 前 的 泻 染 结果 ， 看 起 来 就 好 像 该 物体 只 受 该 
光源 的 影响 。 通 常情 况 下 ， 我 们 选择 的 混合 模式 是 Blend One One 。 

。 对 于 前 向 泻 染 来 说 ， 一 个 Unity Shader 通 常会 定义 一 个 Base Pass (Base Pass 也 可 以 
定义 多 次 ， 例 如 需要 双 面 泻 染 等 情况 以 及 一 个 Additional Pass。 一 个 Base Pass 仅 
会 执行 一 次 (定义 了 多 个 Base Pass 的 情况 除外 ) ， 而 一 个 Additional Pass 会 根据 影 
啊 该 物体 的 其 他 逐 像素 光源 的 数目 被 多 次 调用 ， 即 每 个 逐 像 素 光 源 会 执行 一 次 
Additional Pass ° 


图 9.4 给 出 的 光照 计算 是 通常 情况 下 我 们 在 每 种 Pass 中 进行 的 计算 。 实 际 上 ， 泻 染 
路 径 的 设置 用 于 告诉 Unity 该 Pass 在 前 向 泻 染 路 径 中 的 位 置 ， 然 后 底层 的 泻 染 引 敬 会 进行 
相关 计算 并 填充 一 些 内 置 变量 〈 如 _LightColor0 等 ) ， 如 何 使 用 这 些 内 置 变量 进行 计算 
完全 取决 于 开发 者 的 选择 。 例 如 ， 我 们 完全 可 以 利用 Unity 提 供 的 内 置 变量 在 Base Pass 
中 只 进行 逐 顶 点 光照 ;! 同样 ， 我 们 也 完全 可 以 在 Additional Pass 中 按 逐 顶点 的 方式 进行 
光照 计算 ， 不 进行 任何 逐 像素 光照 计算 。 


3. 内 置 的 光照 变量 和 画 数 


前 面 说 过 ， 根 据 我 们 使 用 的 演 染 路 径 〈 即 Pass 标 签 中 LightMode 的 值 ) ，Unity 会 把 
不 同 的 光照 变量 传递 给 Shader 。 


在 Unity 5 中 ， 对 于 前 向 渲染 〈 即 LightMode 为 ForwardBase 或 ForwardAdd ) 来 
说 ， 表 9.2 给 出 了 我 们 可 以 在 Shader 中 访问 到 的 光照 变量 。 


表 9.2 ”前 向 泻 染 可 以 使 用 的 内 置 光 照 变量 


名 称 类 型 描述 
_LightColor0 float4 ”| 该 Pass 处 理 的 逐 像素 光源 的 颜色 
_WorldSpaceLightPos0.xyz 是 该 Pass 处 理 的 逐 像素 光源 的 位 置 。 如 
_WorldSpaceLightPos0 float4 该 光源 是 平行 光 ， 那 么 _WorldSpaceLightPos0.w 是 0， 他 光源 


类 型 w 值 为 1 


t 界 空间 到 光源 空间 的 变换 和 矩阵。 可 以 用 于 采样 cookie 和 光 强 
_LightMatrix0 人 从 世界 空间 到 光源 空 上 的 变换 矩阵 。 可 以 用 于 采样 cookie 和 光 强 
衰减 (attenuation) 纹理 


unity_4LightPosX0, 
unity_4LightPosY0， float4 “| 仅 用 于 Base Pass。 前 4 个 非 重要 的 点 光源 在 世界 空间 中 的 位 置 
unity_4LightPosZ0 


unity_4LightAtten0 float4 “| 仅 用 于 Base Pass。 存 储 了 前 4 个 非 重要 的 点 光源 的 衰减 因子 


[下 


unity_LightColor half4[4] | 仅 用 于 Base Pass。 存 储 了 前 4 个 非 重 要 的 点 光源 的 颜 


我 们 在 6.6 节 上 


已 经 给 出 了 一 些 可 以 用 3 


前 向 泻 染 路 径 的 函数 ， 


例如 


WorldSpaceLightDir、UnityWorldSpaceLightDir 和 ObjSpaceLightDir 。 为 了 完整 性 ， 我 们 


在 表 9.3 中 再 次 列 出 了 前 向 演 染 中 可 以 使 用 的 内 置 光 照 函数 。 
表 9.3 ”前 向 泻 染 可 以 使 用 的 内 置 光照 画 数 
画 数 名 描述 
float3 仅 可 用 于 前 向 渲染 中 。 输 入 一 个 模型 空间 中 的 顶点 位 置 ， 返 回 世 界 空 间 中 从 
WorldSpaceLightDir 该 点 到 光源 的 光照 方向 。 内 部 实现 使 用 了 UnityWorldSpaceLightDir 函 数 。 没 有 
(float4 V) 被 归 
float3 信和 一任 时 窟 河中 所 vy 种 由 
pe Os a 的 顶点 位 置 ， 返回 世界 空间 中 从 
(float4 V) 3 计 a 人 


float3 ObjSpaceLightDir 
(float4 V) 


仅 可 用 于 前 向 泻 染 中 。 输 入 一 个 模型 空间 中 的 顶点 位 
该 点 到 光源 的 光照 方向 。 没 


， 返 回 模型 空间 中 从 


有 被 归 一 化 


需要 说 明 的 是 ， 上 面 给 


float3 Shade4PointLights 
(3) 


Poe neni 


mig sighirosYo, i 4LightPosZ0 、 


这 个 函数 来 计算 逐 顶 点 光照 


出 的 变量 和 函数 并 不 是 完整 的 ， 
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并 没有 给 出 说 明 。 在 后 面 


些 表 中 的 变量 和 函数 ， 那 时 我 们 会 特别 说 明 的 。 
9.1.2 顶点 照明 泻 染 路 径 
顶点 照明 泻 染 路 径 是 对 硬件 配置 要 求 最 少 、 运 算 性 能 最 高 ， 但 同时 也 是 得 到 的 效果 


最 老 的 一 


照明 泻 染 路 径 只 是 使 用 了 逐 顶 点 的 方式 来 计算 光照 ， 并 没有 什么 神 
上 面 的 前 向 演 染 路 径 中 也 可 以 计算 一 些 逐 顶点 的 光源 。 但 妈 


我 们 在 


些 逐 像素 光照 变 
1. Unity 中 的 顶点 照明 泻 染 


页 点 照明 泻 染 路 径 通 党 


YN 


染 路 径 


们 会 计算 我 们 关心 的 所 有 交 尖 过 该 多 条 的 昭明 并 且 


种 类 型 
的 高 光 反 射 等 
点 照明 演 


它 不 文 持 那 些 逐 像素 才能 得 到 的 效果 
。 实际 上 ， 它 仅仅 是 前 同 泻 染 
中 实现 的 功能 都 可 以 在 前 癌 泻 


四 个 太 苑 源 的 光照 ， 它 的 参数 是 已 经 打包 进 矢量 
起 9 2 中 的 内 变量 ， 如 unity_4LightPosX0， 
unity_LightColor 和 unity_4LightAtten0 


一 些 前 癌 浑 染 可 以 使 用 的 内 
的 学 习 中 ， 我 们 会 使 用 到 一 些 不 在 这 


， 例 如 阴影 、 
路 径 的 一 个 子 集 ， 也 就 是 说 ， 所 有 可 以 在 顶 


法 线 映 射 、 高 精度 


染 路 径 中 完成 。 就 妇 


上 4 


的 名 字 一 样 ， 顶 后 


奇 的 地 方 。 实 际 上 ，， 


中 宁 选 择 使 用 顶点 照明 


泻 染 路 径 ， 那 么 Unity 会 只 填充 那些 逐 顶点 相关 的 光源 变量 ， 意 味 旨 


FP 就 可 以 完成 对 物体 的 泻 染 


我 们 不 可 以 使 用 一 


。 在 这 个 Pass 中 ， 


这 个 计算 是 按 逐 顶点 处 理 的 。 


Unity 中 最 快速 的 泻 染 路 径 ， 


路 径 ) 
由 于 顶 


oO 


点 照 


YY 


vertexlit-rendering-path- for-unity-5-0.275248/ ) 
弃 顶 点 照明 泻 染 路 径 。 在 这 个 投票 中 ， 很 多 开发 , 
Unity 5 中 将 顶点 照明 渲染 路 径 作为 一 个 遗留 的 泻 染 路 径 ， 在 未 来 的 版 本 中 ， 


并 且 具 有 最 广泛 的 硬件 支持 (人 


征 游 戏 机 上 并 不 文 持 这 和 


明 泻 染 路 径 仅 仅 是 前 向 渲染 路 径 的 一 个 子 集 ， 因 此 在 Unity 5 发 布 之 前 ， 
Unity 在 论坛 上 发 起 了 一 个 投票 (http://forum.unity3d.com/threads/official-dropping- 


台 马 全 


染 路 径 的 相关 设 


定 可 能 会 


， 让 


发 者 选择 


是 否 应 该 在 Unity 5.0 中 抛 


被 移 除 。 


2. 可 访问 的 内 置 变量 和 画 数 


们 只 需要 泻 染 其 
个 。 如 果 影 


在 Unity 中 ， 我 们 可 以 在 一 个 顶 
中 两 个 光源 对 物体 的 照明 ， 可 以 仅 使 用 表 9.4 


响 该 物体 的 光源 数目 小 于 8， 那 么 数组 中 剩 下 的 光源 颜 


点 照 


YY 


发 人 员 表 示 了 赞同 的 意见 。 结 曙 


是 ， 
顶 氮 照明 诠 


YAN 


明 的 Pass 中 最 多 访问 到 8 个 逐 顶 点 光源 。 如 果 我 


内 置 光照 数据 的 前 两 
会 设置 成 黑色 。 


二 
nD 


表 9.4 ”项 点 照明 演 染 路 径 中 可 以 使 用 的 内 置 变量 


可 以 看 出 ， 


名 称 类 型 描述 
unity LightColor ”| half4[8] | 光源 颜色 
ER 本 xyz 分 量 是 视角 空间 中 的 光源 位 置 。 如 果 光 源 是 平行 光 ， 那 么 z 分 量 值 为 

unity_LightPosition | float4[8] 0， 其 他 光源 类 型 分量 值 为 1 
光源 衰减 因子 。 如 果 光 源 是 聚光灯 ，x 分 量 是 cos(spotAngle/2)，y 分 量 是 

unity_LightAtten “|half4[8] | 1/cos(spotAngle/4); 如 果 是 其 他 类 型 的 光源 ，x 分 量 是 -1，y 分 量 是 1。z 分 
量 是 衰减 的 平方 ，w 分 量 是 光源 范围 开 根 号 的 结果 

eo | ert 如 果 光 源 是 聚光灯 的 话 ， 值 为 视角 空间 的 聚光灯 的 位 置 ;， 如 果 是 其 他 类 型 

2 的 光源 ， 值 为 (0, 0, 1, 0) 


些 变 量 我 们 同样 可 以 在 前 向 演 染 路 径 中 使 用 ， 例 如 unity_LightColor 。 


表 9.5 给 出 了 顶点 照明 泻 染 路 径 


日 这 些 变 量 数组 的 维度 和 数值 在 不 同 泻 染 路 径 


中 的 值 是 不 同 的 。 
可 以 使 用 的 内 置 画 数 。 


表 9.5 ”顶点 照明 泻 染 路 径 中 可 以 使 用 的 内 置 画 数 


画 数 名 


float3 ShadeVertexLights 
(float4 vertex, float3 normal) 


输入 模 


型 空间 中 的 顶点 位 


描述 


和 法 线 ， 计 算 


Wn 


境 光 。 内 部 实现 实际 上 调 


耳 ShadeVertexLightsFull 函 数 


个 逐 顶 点 光源 的 光照 以 及 环 


画 数 名 


float3 ShadeVertexLightsFull 
(float4 vertex, float3 normal, 
int lightCount, bool spotLight) 


9.1.3 ”延迟 演 染 路 径 


输入 


然 结 


模型 空间 


的 顶点 位 置 和 法 线 ， 计 算 lightCount 个 光源 的 光照 以 及 环 
境 光 。 如 果 spotLight 值 为 tue， 那 么 这 些 光 源 会 被 当成 聚光灯 来 处 理 ， 虽 
更 精确 ， 但 计算 更 加 耗 时 ;否则 ， 按 点 光源 处 理 


描述 


前 向 演 染 的 问题 是 : 当场 景 中 包含 大 上 


前 向 泻 染 的 性 能 会 急速 下 降 。 


例如 ， 如 有 果 我 们 在 场景 的 某 一 块 区 域 放 置 ] 


那么 为 了 得 到 最 终 的 光照 效果 ， 


我 们 就 需要 为 该 区 红 办 的 每 个 物体 执 生 细 个 Pass 来 计算 


不 同 光源 对 该 物体 的 光照 结 : 


照 。 然 而 ， 每 执行 一 个 Pass 我 们 都 需要 重 草 


的 。 


延迟 泻 染 是 一 种 更 古老 的 泻 染 方法 ， 但 日 


~， 


个 光源 ， 这 些 光源 影响 的 区 域 互 相 重合 ， 


然后 在 颜色 组 在 中 把 这 些 结果 混合 起 来 得 到 最 终 的 光 


所 泻 染 一 遍 物 体 ， 但 很 多 计算 实际 上 是 重复 


上 上述 前 向 泻 染 可 能 造成 的 瓶颈 问题 ， 近 


几 年 又 流行 起 来 。 除了 前 向 滨 染 中 使 用 的 项 色 缓冲 和 深度 缓冲 外 延迟 渲染 还 会 利用 额 


外 的 缓冲 区 ， 这 些 缓冲 区 也 被 统称 为 G 缓 冲 (G-buffer) ， 其 中 G 是 英文 Geometry 的 缩 


写 。G 缓 冲 区 存储 了 我 们 所 关心 的 表面 ( 通 
电 ， 例 如 该 表面 的 法 线 、 位 置 、 用 于 光照 计算 的 材质 属性 等 。 


1. 延迟 泻 染 的 原理 


重 常 指 的 是 离 摄 像 机 最 近 的 表面 ) 的 其 他 信 


延迟 演 染 主要 包含 了 两 个 Pass。 在 第 一 个 Pass 中 ， 我 们 不 进行 任何 光照 计算 ， 而 是 


又 仅 计算 哪些 片 元 是 可 见 的 ， 


见 的 ， 我 们 就 把 它 的 相关 信息 


二“ 


骨 
总 


Pass 1 { 
// 第 一 个 Pass 不 进行 真正 的 


光照 计算 


// 仅仅 把 光照 计算 需要 的 信 ， 


电厂 储 土 


discard; 
} else { 


// 如 果 该 片 元 


可 见 


‖G 缓 冲 中 


for (each primitive in this model) { 
for (each fragment covered by this primitive) { 

if (failed in depth test) { 

// 如 果 没 有 通过 深度 测试 ， 


// 就 把 需要 的 信 ， 


己任 储 至 


口 


1G 缓 # 


泻 染 的 过 程 大 致 可 以 用 下 面 的 伪 代 码 来 


上 


writeGBuffer(materialIinfo, 


这 主要 是 通过 深度 缓冲 技术 来 实现 ， 当 发 现 一 个 片 元 是 可 
,存储 到 G 缓 冲 区 中 。 然后， 在 第 二 个 Pass 中 ， 我 们 利用 G 
缓冲 区 的 各 个 片 元 信息 ， 例 如 表面 法 线 、 视 角 方向 、 漫 反射 系数 等 ， 进 行 真正 的 光照 计 


性 
将 


说 明 该 片 元 是 不 可 见 的 


pos, normal, lightDir, viewDir); 


} 
} 
} 
} 
Pass 2 { 
// 利用 6 缓冲 中 的 信息 进行 真正 的 光照 计算 
for (each pixel in the screen) { 
if (the pixel is valid) { 
// 如 果 该 像素 是 有 效 的 
// 读 取 它 对 应 的 6 缓冲 中 的 信息 
readGBuffer (pixel, materialIinfo, pos, normal, lightDir, viewDir); 
// 根据 读 取 到 的 信息 进行 光照 计算 
float4 color = Shading(materialInfo, pos, normal, lightDir, viewDir); 
// 更 新 帧 缓冲 
writeFrameBuffer(pixel, color); 
} 
} 
} 


可 以 看 出 ， 延 迟 演 染 使 用 的 Pass 数 目 通 常 束 是 两 个 ， 这 跟 场 景 中 包含 的 光源 数目 是 
没有 关系 的 。 换 句 话 说 ， 延 迟 泻 染 的 效率 不 依赖 于 场景 的 复杂 度 ， 而 是 和 我 们 使 用 的 屏 
幕 空间 的 大 小 有 关 。 这 是 因为 ， 我 们 需要 的 信息 都 存储 在 缓冲 区 中 ， 而 这 些 绥 促 区 可 以 
理解 成 是 一 张 张 2D 图 像 ， 我 们 的 计算 实际 上 就 是 在 这 些 图 像 空 间 中 进行 的 。 


2. Unity 中 的 延迟 浑 染 


Unity 有 两 种 延迟 泻 染 路 径 ， 一 种 是 遗留 的 延迟 泻 染 路 径 ， 即 Unity 5 之 前 使 用 的 延 
迟 演 染 路 径 ， 而 另 一 种 是 Unity5.x 中 使 用 的 延迟 泻 染 路 径 。 如 果 游 戏 中 使 用 了 大 量 的 实 
时 光照 ， 那 么 我 们 可 能 希望 选择 延迟 演 染 路 径 ， 但 这 种 路 径 需 要 一 定 的 硬件 支持。 


新 旧 延 迟 泻 染 路 径 之 间 的 差别 很 小 ， 只 是 使 用 了 不 同 的 技术 来 权衡 不 同 的 需求 。 例 

如 ， 较 旧版 本 的 延迟 演 染 路 径 不 支持 Unity 5 的 基于 物理 的 Standard Shader。 以 下 我 们 仅 

讨论 Unity 5 后 使 用 的 延迟 演 染 路 径 。 对 于 遗留 的 延迟 泻 染 路 径 ， 读 者 可 以 在 官方 文档 
(http://docs.unity3d.com/ Manual/RenderTech-DeferredLighting.html ) 找到 更 多 的 资料 。 


对 于 延迟 演 染 路 径 来 说 ， 它 最 适合 在 场景 中 光源 数目 很 多 、 如 采 使 用 前 向 泻 染 会 造 
成 性 能 瓶颈 的 情况 下 使 用 。 而 且 ， 延 迟 浑 染 路 径 中 的 每 个 光源 都 可 以 按 逐 像素 的 方式 处 
理 。 但 是 ， 延 迟 泻 染 也 有 一 些 缺 点 。 


。 不 支持 真正 的 抗 饮 齿 (anti-aliasing) 功能 。 

。 不 能 处 理 半 透明 物体 。 

。 对 显卡 有 一 定 要 求 。 如 果 要 使 用 延迟 泻 染 的 话 ， 显 卡 必须 支持 MRT (Multiple 
Render Targets) 、Shader Mode 3.0 及 以 上 、 深 度 泻 染 纹理 以 及 双 面 的 模板 缓冲 。 


当 使 用 延迟 泻 染 时 ，Unity 要 求 我 们 提供 两 个 Pass 。 


(1) 第 一 个 Pass 用 于 泻 染 G 绥 冲 。 在 a 我 们 会 把 物体 的 漫 反 射 颜色 、 高 
光 反 射 颜色 、 平 清 度 、 法 线 、 目 发 光 和 深度 等 信息 浑 染 到 屏幕 空间 的 G 缓 冲 区 中 。 对 于 
每 个 物体 来 说 ， 这 个 Pass 仅 会 执行 一 次 。 


(2) 第 二 个 Pass 用 于 计算 真正 的 光照 模型 。 这 个 Pass 会 使 用 上 一 个 Pass 中 泻 染 的 数 
据 来 计算 最 终 的 光照 颜色 ， 再 存储 到 帧 缓冲 中 。 


默认 的 G 缓 冲 区 (注意 ， 不 同 Unity 版 本 的 洽 染 纹理 存储 内 容 会 有 所 不 同 ) 包含 了 以 
下 几 个 演 染 纹理 (Render Texture，RT) 。 


。 RT0: 格式 是 ARGB32，RGB 通 道 用 于 存储 漫 反 射 颜色 ，A 通 道 没 有 被 使 用 。 

。 RT1: 格式 是 ARGB32，RGB 通 道 用 于 存储 高 光 反 射 颜 色 ，A 通 道 用 于 存储 高 光 反 
射 的 指数 部 分 。 

。 RT2: 格式 是 ARGB2101010，RGB 通 道 用 于 存储 法 线 ，A 通 道 没 有 被 使 用 。 

。RT3: 格式 是 ARGB32 ( 非 HDR) 或 ARGBHalf (HDR) ， 用 于 存储 自发 光 
+lightmap+ 反 射 探 针 (reflection probes) 。 

。 深度 缓冲 和 模板 缓冲 。 


当 在 第 二 个 Pass 中 计算 光照 时 ， 默 认 情 况 下 仅 可 以 使 用 Unity 内 置 的 Standard 光 照 模 
型 。 如 果 我 们 想 要 使 用 其 他 的 光照 模型 ， 就 需要 替换 掉 原 有 的 Internal- 
DeferredShading.shader 文 件 。 更 详细 的 信息 可 以 访问 官方 文档 
(http://docs.unity3d.com/Manual/RenderTech-DeferredShading.html ) 。 


3. 可 访问 的 内 置 变量 和 画 数 


表 9.6 给 出 了 处 理 延迟 演 染 路 径 可 以 使 用 的 光照 变量 。 这 些 变量 都 可 以 在 
UnityDeferred Library.cginc 文 件 中 找到 它们 的 声明 。 


表 9.6 ”延迟 泻 染 路 径 中 可 以 使 用 的 内 置 变量 


名 称 描述 
LightColor 光源 颜色 
_LightMatrix0 从 世界 空间 到 光源 空间 的 变换 和 矩阵。 可 以 用 于 采样 cookie 和 光 强 衰减 纹理 


9.1.4 ”选择 哪 种 泻 染 路 径 


Unity 的 官方 文档 (http: /docs.unity3d. com/Manual/RenderingPaths.html ) 中 给 出 了 4 
种 泻 染 路 径 (前 向 渲染 路 径 、 延 迟 泻 染 路 径 、 遗 留 的 延迟 演 染 路 径 和 顶点 照明 泻 染 路 
径 ) 的 详细 比较 ， 包 括 它们 的 特性 比较 (是 否 支 持 逐 像素 光照 、 半 透明 物体 、 实 时 阴影 
) 、 性 能 比较 以 及 平台 文 持 。 


强 


总 体 来 说 ， 我 们 需要 根据 游戏 发 布 的 目标 平台 来 选择 泻 染 路 径 。 如 细 


选 泻 染 路 径 ， 那 么 Unity 会 自动 使 用 比 其 低 一 级 的 泻 染 路 径 。 
在 本 书 中 ， 我 们 主要 使 用 Unity 的 前 向 泻 染 路 径 。 


当前 显卡 不 文 


9.2 Unity 的 光源 类 型 


在 前 面 的 例子 中 ， 我 们 的 场景 中 都 仅仅 有 一 个 光源 且 光 源 类 型 是 平行 光 (如 果 你 的 场景 不 是 这 样 
的 话 ， 可 能 会 得 到 错误 的 结果 ) 。 只 有 一 个 平行 光 的 世界 很 美好 ， 但 美梦 总 有 醒 的 一 天 ， 这 时 ， 我 们 
就 需要 在 Unity Shader 中 处 理 更 复杂 的 光源 类 型 以 及 数目 更 多 的 光源 。 在 本 和 中 ， 我 们 将 会 学 习 如 何在 
Unity 中 处 理 点 光源 (point light) 和 聚光灯 (spot light) 


Unity 一 共 支 持 4 种 光源 类 型 ， 平行 光 、 点 光源 、 率 光 灯 和 面 光 源 (area light) 。 面 光源 仅 在 烘焙 
时 才 可 发 挥 作 用 ， 因 此 不 在 本 节 讨 论 范围 内 。 由 于 每 种 光源 的 几何 定义 不 同 ， 因此 它们 对 应 的 光源 属 
性 也 就 各 不 相同 。 这 就 要 求 我 们 要 区 别 对 待 它们 。 幸 运 的 是 ，Unity 提 供 了 很 多 内 置 函 数 来 帮 有 我 们 处 理 
这 些 光 源 ， 在 本 章 的 最 后 我 们 会 介绍 这 些 画 数 ， 但 首先 我 们 需要 了 解 它 们 背后 的 原理 。 


9.2.1 光源 类 型 有 什么 影响 


我 们 来 看 一 下 光源 类 型 的 不 同 到 底 会 给 Shader 带 来 哪些 影响 。 我 们 可 以 考虑 Shader 中 使 用 了 光源 的 
哪些 属性 。 最 常 使 用 的 光源 属性 有 光源 的 位 置 、 方 向 (更 具体 说 就 是 ， 到 茶点 的 方向 ) 、 颜 色 、 强 度 
a 0 到 某 点 的 衰减 ， 与 该 点 到 光源 的 距离 有 关 ) 这 5 个 属性 。 而 这 些 属性 和 它们 

几 可 定义 妃 上 县 日 


1. 平行 光 
对 于 我 们 之 前 使 用 的 平行 光 来 说 ， el en 下 行 光 可 以 照 宫 腕 的 学 韦 是 没有 限 条 


的 ， 它 通常 是 作为 太阳 这 样 的 角色 在 场景 中 出 现 的 。 图 9.5 给 出 了 Unity 中 平行 光 在 Scene 视图 中 的 表示 以 
及 Light 组 件 的 面板 。 


译 


平行 光 之 所 以 简单 ， 是 因为 它 没有 一 个 唯一 的 位 置 ， 也 就 是 说 ， 它 可 以 放 在 场景 中 的 任意 位 置 
(回忆 一 下 ， 我 们 小 时 候 是 不 是 总 感觉 太阳 跟着 我 们 一 起 移动 ) 。 它 的 几何 属性 只 有 方向 ， 我 们 可 以 
调整 平行 光 的 Transform 组 件 中 的 Rotation 属性 来 改变 它 的 光源 方向 ， 而 且 平 行 光 到 场景 中 所 有 点 的 方向 
是 一 样 的 ， 这 也 是 平行 光 名 字 的 由 来 。 除 此 之 外 ， 手 平行 光 没有 一 个 具体 的 位 置 因此 也 没有 衰 
减 的 概念 ， 也 就 是 说 ， 光 照 强 度 不 会 随 着 距离 而 发 生 改 变 。 

2. 点 光源 


点 光源 的 照 亮 空间 则 是 有 限 的 ， 它 是 由 空间 中 的 一 个 球体 定义 的 。 点 光源 可 以 表示 由 一 个 点 发 出 
的 、 向 所 有 方向 延伸 的 光 。 图 9.6 给 出 了 Unity 中 点 光源 在 Scene 视 图 中 的 表示 以 及 Light 组 件 的 面板 。 
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Shadow Type | No Shadows 
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A 图 9.6 点 光源 


需要 提醒 读者 的 一 点 是 ， 我 们 需要 在 Scene 视 图 中 开启 光照 才能 看 到 预览 光源 是 如 何 影 响 场景 中 的 
物体 的 。 图 9.7 给 出 了 开启 Scene 视图 光照 的 按钮 。 


球体 的 半径 可 以 由 面板 中 的 Range 属 性 来 调整 ， 也 可 以 在 Scene 视图 中 直接 拖拉 点 光源 的 线 框 (如 
球体 上 的 黄色 控制 点 ) 来 修改 它 的 属性 。 上 光源 是 有 位 置 属性 的 ， 它 是 由 点 光源 的 Transform 组 件 中 的 
Position 属 性 定义 的 。 对 于 方向 属性 ， 我 们 需要 用 点 光源 的 位 置 减 去 某 点 的 位 置 来 得 到 它 到 该 点 的 方 


L， 


向 。 而 点 光源 的 颜色 和 强度 可 以 在 Light 组 件 面板 中 调整 。 同 时 ， 点 光源 也 是 会 衰减 的 ， 0 


远离 点 光源 ， 它 接收 到 的 光照 强度 也 会 逐渐 减 小 。 扣 光源 球 心 处 的 光照 强度 最 强 ， 球 体 边界 处 的 最 
弱 ， 值 为 0。 其 中 间 的 衰减 值 可 以 由 一 个 函数 定义 。 


3. 聚光灯 


聚光灯 是 这 3 种 光源 类 型 最 复杂 的 种 。 它 的 照 亮 空间 同样 是 有 限 的 ， 但 不 再 是 简单 的 球体 ， 而 
空间 中 的 一 块 锥 形 区 域 定义 的 。 聚 光 灯 可 以 用 于 表示 由 一 个 特定 位 置 出 发 、 向 特定 方向 延伸 的 
图 9.8 给 出 了 Unity 聚光灯 在 Scene 视图 中 的 表示 以 及 Light 组 件 的 面板 。 


开间 


A 图 9.7 启 Scene 视 图 中 的 光照 
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A 图 9.8 聚光灯 


这 块 锥 形 区 域 的 半径 由 面板 中 的 Range 属 性 决定 ， 而 锥 体 的 张 开 角 度 由 Spot Angle 属 性 决定 。 我 们 
同样 也 可 以 在 Scene 视图 中 直接 拖拉 聚光灯 的 线 框 (如 中 间 的 黄色 控制 点 以 及 四 周 的 黄色 控制 点 ;来 修 
改 它 的 属性 。 聚 光 灯 的 位 置 同样 是 由 Transform 组 件 中 的 Position 属 性 定义 的 。 对 于 方向 属性 ， 我 们 需要 
聚光灯 的 位 置 减 去 某 点 的 位 置 来 得 到 它 到 该 点 的 方向 。 娶 光 灯 的 衰减 也 是 随 着 物体 逐渐 远离 点 光源 
而 逐渐 减 小 ， 在 锥 形 的 顶点 处 光照 强度 最 强 ， 在 锥 形 的 边界 处 强度 为 0。 其 中 间 的 衰减 值 可 以 由 一 个 函 
数 定义 ， 这 个 函数 相对 于 点 光源 衰减 计算 公式 要 更 加 复杂 ， 因 为 我 们 需要 判断 一 个 点 是 否 在 锥 体 的 范 
韦 内 o 


9.2.2 ”在 前 向 泻 染 中 处 理 不 同 的 光源 类 型 


在 了 解 了 3 种 光源 的 几何 定义 后 ， 我 们 来 看 一 下 如 何在 Unity Shader 中 访问 它们 的 5 个 属性 : 位 置 、 
方向 、 颜 色 、 强 度 以 及 衰减 。 需 要 注意 的 是 ， 本 节 均 建立 在 使 用 前 向 泻 染 路 径 的 基础 上 。 
在 学 习 完 本 节 后 ， 我 们 可 以 得 到 类 似 图 9.9 中 的 效果 。 
A 图 9.9 使 用 一 个 平行 光 和 一 个 点 光源 共同 照 亮 物体 。 右 图 显示 了 胶囊 体 、 平 行 光 和 点 光源 在 场景 中 的 相对 位 置 
1. 实践 
为 了 实现 上 述 效果 ， 我 们 首先 做 如 下 准备 工作 。 
(1) 在 Unity 中 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 Scene 9 2 2 1。 在 Unity 5.2 中 ， 默 认 
情况 下 场景 将 包含 一 个 摄像 机 和 一 个 平行 光 ， 并 且 使 用 了 内 置 的 天 空 盒子 。 在 Window ~ Lighting 一 
Skybox 中 去 掉 场景 中 的 天 空 盒 子 。 
2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 ForwardRenderingMat 。 
3) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Shader 名 为 Chapter9-ForwardRendering。 把 新 的 
Unity Shader 赋 给 第 2 步 中 创建 的 材质 。 
4) 在 场景 中 创建 一 个 胶 宫 体 ， 并 把 第 2 步 中 的 材质 赋 给 该 胶 宫 体 。 
5) 为 了 让 物体 受 多 个 光源 的 影响 ， 我 们 再 新 建 一 个 点 光源 ， 把 其 颜色 设 为 绿色 ， 以 和 平行 光 进 
行 区 分 。 
6) 保存 场景 。 
我 们 的 代码 使 用 了 Blinn-Phong 光 照 模 型 ， 并 为 前 向 泻 染 定义 了 Base Pass 和 Additional Pass 来 处 理 多 
个 光源 。 在 这 里 我 们 只 给 出 其 中 关键 的 代码 ， 而 省 略 与 之 前 章节 中 重复 的 代码 。 完 整 的 代码 读者 可 以 
在 本 书 资源 中 找到 。 关 键 代 码 如 下 。 
(1) 我 们 首先 定义 第 一 个 Pass 一 一 Base Pass。 为 此 ， 我 们 需要 设置 该 Pass 的 泻 染 路 径 标签 : 
Pass { 


CGPROGRAM 


// Apparently need to add this declaration 


// Pass for ambient light & first pixel light (directional light) 
Tags { "LightMode"="ForwardBase" } 


#pragma multi_compile_ fwdbase 


需要 注意 的 是 ， 我 们 除了 设置 演 染 路 径 外 ， 还 
compile_fwdbase 指令 可 以 保证 我 们 在 Shader 中 使 用 
少 的 。 


3 | pg 编译 指令 。#pragma multi_ 


衰减 等 光照 变量 可 以 被 正确 赋值 。 这 是 不 可 缺 


党 生 


(2) 在 Base Pass 的 片 元 着 色 器 中 ， 我 们 首先 计算 了 场景 中 的 环境 光 : 


// Get ambient term 
fixed3 ambient = UNITY_LIGHTMODEL_ AMBIENT .xyz; 


我 们 希望 环境 光 计 算 一 次 即 可 ， 因 此 在 后 面 的 Additional Pass 中 就 不 会 再 计算 这 个 部 分 。 与 之 类 
似 ， 还 有 物体 的 自发 光 ， 但 在 本 例 中 ， 我 们 假设 胶 宫 体 没有 自发 光 效 果 。 


(3) 然后 ， 我 们 在 Base Pass 中 处 理 了 场景 中 的 最 重要 的 平行 ; 
F 行 光 。 如 果 场 景 中 包含 了 多 个 平行 光 ，Unity 会 选择 最 亮 的 平行 光 人 
让 他 平行 光 会 按照 逐 顶 点 或 在 Additional Pass 中 按 逐 像素 的 方式 处 理 。 如 果 场 景 中 没有 任何 平行 光 ， 那 
么 Base Pass 会 当成 全 黑 的 光源 处 理 。 我 们 提 到 过 ， 每 一 个 光源 有 5 :位置 、 方 向 、 颜 色 、 强 度 
及 衰减 。 对 于 Base Pass 来 说 ， 它 处 理 的 逐 像素 光源 类 型 一 定 是 平行 光 。 我 们 可 以 使 
_WorldSpaceLightPos0 来 得 到 这 个 平行 光 的 方向 (位置 对 平行 光 来 说 没有 意义 ) ,使 _LightColor0 来 得 
到 它 的 颜色 和 强度 〈 LightColor0 已 经 是 颜色 和 强度 相 乘 后 的 结果 ) ， 由 于 平行 光 可 以 认为 是 没有 衰减 
的 ， 因 此 这 里 我 们 直接 令 衰 减 值 为 1.0。 相 关 代码 如 下 : 
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在 这 个 例子 中 ， 场 景 中 只 有 一 个 
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// Compute diffuse term 
fixed3 diffuse = _LightColorO.rgb * _Diffuse.rgb * max(0, dot(worldNormal, worldLightDir)); 


// Compute specular term 


fixed3 specular = _LightColorO.rgb * _Specular.rgb * pow(max(0, dot(worldNormal, halfDir)), _Gloss)) 


r 


// The attenuation of directional light is always 1 
fixed atten = 1.0; 


return fixed4(ambient + (diffuse + specular) * atten, 1.0); 


至 此 ，Base Pass 的 工作 就 完成 了 。 


(4) 接 下 来 ， 我们 需要 为 场景 中 其 他 逐 像素 光源 定义 Additional Pass。 为 此 ， 我 们 首先 需要 设置 
Pass 的 渲染 路 径 标签 : 


Pass { 
// Pass for other pixel lights 
Tags { "LightMode"="ForwardAdd" } 
Blend One one 
CGPROGRAM 


// Apparently need to add this declaration 
#pragma multi_ compile_ fwdadd 


除了 设置 泻 染 路 径 标 签 外 ， 我 们 同样 使 用 了 加 ragma multi compile_ fwdadd 指令 ， 如 前 面 所 说 ， 
这 个 指令 可 以 保证 我 们 在 Additional Pass 中 访 可 到 正确 的 光照 变量 。 与 Base pass 不 同 的 是 ， 我 们 还 使 用 
Blend 命 令 开启 和 设置 了 混合 模式 。 这 是 因为 ， 我 们 希望 Additional Pass 计 算得 到 的 光照 结果 可 以 在 帧 组 
存 中 与 之 前 的 光照 结果 进行 于 加。 如 果 没 有 使 用 Blend 命 令 的 话 ，Additional Pass 会 直接 履 盖 掉 之 前 的 光 


照 结 果 。 在 本 例 中 ， 我 们 选择 的 混合 系数 是 Blend One One ， 这 不 是 必需 的 ， 我 们 可 以 设置 成 Unity 支 
村 的 任何 混合 系数 。 常 见 的 还 有 Blend SrcAlpha One 。 


(5) 通常 来 说 ，Additional Pass 的 光照 处 理 和 Base Pass 的 处 理 广 入， 因此 我 们 只 需要 把 
Base Pass 的 顶点 和 片 元 着 色 器 代码 粕 册 5 到 Additional Pass 中 ， 然 后 再 稍微 修改 一 下 即 可 。 这 些 修改 往往 
是 为 了 去 掉 Base Pass 中 环境 光 、 上 自发 光 、 逐 顶点 光照 、SH 光 照 的 部 分 ， 并 添加 一 些 对 不 同 光 源 类 型 的 
支持 。 因 此 ， 在 Additional Pass 的 片 元 着 色 器 中 ， 我 们 没有 再 计算 场景 中 的 环境 光 。 由 于 Additional Pass 
处 理 的 光源 类 型 可 能 是 平行 光 、 点 光源 或 是 聚光灯 ， 因 此 在 计算 光源 的 5 个 属性 一 位置 、 方 向 、 颜 
色 、 强 度 以 及 衰减 时 ， 颜 色 和 强度 我 们 仍然 可 以 使 用 _LightColor0 来 得 到 ， 但 对 于 位 置 、 方 向 和 衰减 
遇 性 ， 我 们 就 需要 根据 光源 类 型 分 别 计算 。 首 先 ， 我 们 来 看 如 何 计算 不 同 光 源 的 方向 : 
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#ifdef USING_DIRECTIONAL_LIGHT 
fixed3 worldLightDir = normalize(_WorldSpaceLightPos0 .xyz); 
#else 


fixed3 worldLightDir = normalize(_WorldSpaceLightPos0O.xyz - i.worldPosition.xyz); 
#endif 


在 上 面 的 代码 中 ， 我 们 首先 判断 了 当前 处 理 的 逐 像素 光源 的 类 型 ， 这 是 通过 使 用 ##fdef 指 令 判断 是 


局 


否定 义 了 USING_DIRECTIONAL_LIGHT 来 得 到 的 。 如 果 当 前 前 向 渲染 Pass 处 理 的 光源 类 型 是 平行 光 ， 
那么 Unity 的 底层 泻 染 引 警 就 会 定义 USING_DIRECTIONAL_LIGHT。 如果 判 断 得 知 是 平行 光 的 话 ， 光 
源 方向 可 以 直接 由 _WorldSpaceLightPos0.xyz 得 到 ;如 果 是 点 Cn 袁 光 灯 ， 那 么 
_WorldSpaceLightPos0.xyz 表 示 的 是 世界 空间 下 的 光源 位 置 ， 而 想 要 得 到 光源 方向 的 话 ， 我 们 就 需要 用 
这 个 位 置 减 去 世界 空间 下 的 顶点 位 置 。 


(6) 最 后 ， 我 们 需要 处 理 不 同 光源 的 衰减 : 


#ifdef USING_DIRECTIONAL_LIGHT 

fixed atten = 1.0; 
#else 

float3 lightCoord = mul(_LightMatrix0, float4(i.worldPosition, 1)).xyz; 

fixed atten = tex2D(_LightTexture0, dot(lightCoord, lightCoord).rr).UNITY_ATTEN_CHANNEL; 
#endif 


我 们 同样 通过 判断 是 否定 义 了 USING_DIRECTIONAL_LIGHT 来 决定 当前 处 理 的 光源 类 型 。 如 果 是 
平行 光 的 话 ， 衰 减 值 为 1.0。 如 果 是 其 他 光源 类 型 ， 那 么 处 理 更 复杂 一 些 。 尽 管 我 们 可 以 使 用 数学 表达 
式 来 计算 给 定点 相对 于 点 光源 和 聚光灯 的 衰减 ， 但 这 些 计算 往往 涉及 开 根 号 、 除法 等 计算 量 相对 较 大 
的 操作 ， 因 此 Unity 选 择 了 使 用 一 张 纹理 作为 查找 表 (Lookup Table,，LUT 以 在 片 元 着 色 器 中 得 到 光 
源 的 衰减 。 我 们 首先 得 到 光源 空间 下 的 坐标 ， 然 后 使 用 该 坐标 对 衰减 纹理 进 间 行 采 相 得 到 衰减 值 。 关 了 
Unity 中 衰减 纹理 的 细节 可 以 参见 9.3 节 。 


我 们 可 以 在 场景 中 添加 更 多 的 逐 像 素 光源 来 照 亮 胶 经 体 。 需要 注意 的 是 ， 本 节 只 是 为 了 讲解 处 理 
其 他 类 型 光源 的 实现 原理 ， 上 述 代码 并 不 会 用 于 真正 的 项 ， 我 们 会 在 9.5 闻 给 出 包含 了 完整 光照 计 
算 的 Unity Shader 。 


So 


2， 实 验 : Base Pass 和 Additional Pass 的 调用 


我 们 在 9.1.1 节 中 给 出 了 前 向 泻 染 中 Unity 是 如 何 决定 哪些 光源 是 逐 像素 光 ， 而 哪些 是 逐 顶 点 或 SH 
光 。 为 了 让 读者 有 更 加 直观 的 理解 ， 我 们 可 以 在 Unity 中 进行 一 个 实验 。 实 验 的 准备 工作 如 下 。 


该 场景 名 为 Scene 9 2 2 2。 在 Unity 5.2 中 ， 


默认 


使 用 了 内 置 的 天 空 合子。 在 Window -> Lighting -> 


(1) 在 Unity 中 新 建 一 个 场景 。 在 本 书 资源 中 ， 
情况 下 场景 将 包含 个 摄像 机 和 一 个 人 平行 光 ， 并 是 
Skybox 中 去 掉 场 景 中 的 天 空 盒 
2) 调整 平行 光 的 颜色 为 绿色 
3) 在 场景 中 创建 一 个 胶 宫 体 ， 并 把 上 一 节 中 的 ForwardRenderingMat 材 质 赋 名 
4) 新 建 4 个 点 光源 ， 调 整 它 们 的 颜色 为 相同 的 红色 。 
5) 保存 场景 。 
我 们 可 以 得 到 类 似 图 9.10 中 的 效果 。 


那么 ， 
在 Light 组 件 


这 样 的 


on | Maximize on Play | Mute audlo | Sry | Gizmos ~ 


全 该 胶 队 体 。 


A 图 9.10 使 


cr 二 
结果 是 怎 


数值 ， 


方式 被 处 理 ; 


Chapter9-ForwardRendering 的 Additional Pass 中 


Pass“。 


因此 默认 情况 
共 包含 了 5 个 光源 ， 


方式 处 理 。 由 于 我 们 没 


平行 光 + 4 个 点 光源 照 亮 一 个 物 


生 


么 来 的 呢 ? 当 我 们 创 
中 设置 ) 是 Auto * 这 意味 着 ， 
按 逐 顶点 或 SHI 


个 光源 时 ， 默 认 1 


jE 
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Unity 会 在 


下 一 个 物体 可 以 手 
其 中 一 个 是 平行 光 ， 
t 余 4 个 都 是 点 光源 ， 由 


除 最 亮 的 平行 》 


于 它 作 


] 的 Render Mode 为 Auto 日 


体 


二 下 
衣 况 

后 为 我 们 判断 哪 
有 更 改 Edit ~ Project Settings -~ Quality -~ Pixel Light Count 中 的 
E 外 的 4 个 逐 像 素 光 上 
它 会 在 Chapter9-Forward Rendering 也 


此 


它 的 Render Mode (可 以 
源 会 按 逐 像素 处 理 ， 而 哪些 


照 。 在 这 个 例子 中 ， 场 景 中 


AjBase Pass 中 按 逐 像素 的 


数 


好 等 于 4， 因 此 都 会 在 


逐 像素 的 方式 被 处 理 ， 


每 个 光源 会 调用 一 次 Additional 


在 Unity 5 中 ， 我 们 还 可 以 使 用 帧 调试 器 (Frame Debugger) 工具 来 查看 场景 的 绘制 过 程 。 使 用 方 
法 是 : 在 Window -> Frame Debugger 中 打开 帧 调试 器 ， 如 图 9.11 所 示 。 

从 帧 调试 器 中 可 以 看 出 ， 泻 染 这 个 场 最 Unity 共 进 行 了 6 个 演 染 事件 ， 由 于 本 例 中 只 包含 了 一 个 物 
体 ， 对 此 这 6 个 演 染 事件 几乎 都 是 用 于 泻 梁 该 物体 的 光照 结果 。 我 们 可 以 通过 依次 单 击 帧 调试 器 中 的 演 
染 事 件 ， 来 查看 Unity 是 怎样 泻 染 物体 的 。 图 9.12 给 出 了 本 例 中 Unity 进 行 的 6 个 泻 染 事 件 。 


中 ， 
用 至 


点 


a nog 
og 
6 ‘6 | 4 | 9 
Event #6: Draw Mesh 
Worng Shader: Unity Shader Book/Chapter9 Forward F 


YVRender,OpaqueCGeometry 
VRenderForwardOpaque.Render 
VClear 


Blend One One, One One ColorMask RGBA 
1 ZTestLessEqual ZWrite On Cull Back Offset 0, 0 


Clear (color+Z+stencil) 
Draw Mesh Capsule 
Draw Mesh Capsule 
Draw Mesh Capsule 
Draw Mesh Capsule 
Draw Mesh Capsule 


A 图 9.11 打开 帧 调试 器 查看 场景 的 绘制 事件 


Event #3 Draw Mesh 


s #1 


和 图 9.12 ”本 例 中 的 6 个 泻 染 事件 ， 绘 制 顺序 是 从 左 到 右 、 从 上 到 下 进行 的 
从 图 9.12 可 以 看 出 ，Unity 是 如 何 Eee 的: 在 第 一 个 演 染 事件 中 ，Unity 


首先 清除 颜色 、 深 度 和 模板 缓冲 ， 为 后 面 的 泻 染 做 准备 ， 在 第 二 个 泻 染 事件 中 ，Unity 利 用 Chapter9- 
ForwardRendering 的 第 一 个 Pass， 即 Base Pass， 将 平行 光 的 光照 这 娄 到 由 缓存 中 ， 在 后 面 的 4 个 泻 染 事件 


Unity 使 用 Chapter9-ForwardRendering 的 第 二 个 Pass， 即 Additional Pass， 依 次 将 4 个 点 光源 的 光照 应 
1 物体 上 ， 得 到 最 后 的 泻 染 结果 。 


可 以 注意 到 ，Unity 处 理 这 些 点 光源 的 顺序 是 按照 它们 的 重要 度 排序 的 。 在 这 个 例子 中 ， 由 于 所 有 
源 的 颜色 和 强度 都 相同 ， 因 此 它们 的 重要 度 取决 于 它们 距离 胶 吉 体 的 远近 ， 因 此 图 9.12 中 首 移 绘制 


的 是 距离 胶 宫 体 最 近 的 点 光源 。 但 是 ， 如 果 光 源 的 强度 和 颜色 互 不 相同 ， 那 么 距离 就 不 再 是 唯一 的 衡 


量 标 


准 。 例 如 ， 如 果 我 们 把 现在 距离 最 近 的 点 光源 的 强度 设 为 0.2， 那 么 从 帧 调试 器 中 我 们 可 以 发 现 给 


的 ， 


制 顺 序 发 生 了 变化 ， 此 时 首先 绘制 的 是 距离 胶 宫 体 第 二 近 的 点 光源 ， 最 近 的 点 光源 则 会 在 最 后 被 渔 
染 。Unity 官 方 文 档 中 并 没有 给 出 光源 强度 、 颜 色 和 距离 物体 的 远近 是 如 何 具体 影响 光源 的 重要 度 排序 


我 们 仪 知道 排序 结果 和 这 三 者 都 有 关系 。 
对 于 场景 中 的 一 个 物体 ， 如 果 它 不 在 一 个 光源 的 光照 范围 内 ，Unity 是 不 会 为 这 个 物体 调用 Pass 来 


旦 


处 理 
此 时 再 查看 帧 调 


里 这 个 光源 的 。 我 们 可 以 把 本 例 中 距离 最 远 的 点 光源 的 范围 调 小 ， 使 得 胶 宫 体 在 它 的 照 亮 范围 外 。 


几 斌 器， 我们 可 以 发 现 演 染 事件 比 之 前 少 了 一 个 ， 如 图 9.13 所 示 。 同 样 ， 如 有 果 一 个 物体 不 


< 
| 


在 某 个 聚光灯 的 范围 内 ，Unity 也 是 不 会 为 该 物体 调用 相关 的 演 染 事件 的 。 
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VRenderForwardOpaque.Render 
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Additional Pass 来 为 该 物体 处 理 该 光源 的 


A 图 9.13 ”如果 物 体 不 在 一 个 光源 的 光照 范围 内 (从 右 图 可 以 看 出 ， 胶 陡 体 不 在 最 左 方 的 点 光源 的 照明 范围 内 ) ，Unity 是 不 会 调 


我 们 知道 ， 如 果 逐 像素 光源 的 数目 很 多 的 话 ， 该 物体 的 Additional Pass 就 会 补 调 用 多 次 ， 影 响 性 


能 。 我 们 可 以 通过 把 光源 的 Render Mode 设 为 Not Important 来 告诉 Unity， 我 们 不 希望 把 该 光源 当成 过 


像素 处 理 。 在 本 例 中 ， 我 们 可 以 把 4 个 点 光源 的 Render Mode 都 设 为 Not Important ， 可 以 得 到 图 9.14 


的 结果 A 


| 
- 一 oo 
Event #2: Draw Mesh 
Shader: Unity Shader Book/Chapter9 Forward 上 
Blend One Zero, One Zero ColorMask RGBA 
Zrest LessEqual ZWrite On Cull Back Offset 0, 0 


Frame Debug 
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WRenderForwardOpaque.Render 
VClear 
Clear (color+Z+stencil) 
Draw Mesh Capsule 
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A 图 9.14 当 把 光源 的 Render Mode 设 为 Not Important 时 ， 这 些 光 源 就 不 会 按 逐 像素 光 来 处 理 


于 我 们 在 Chapter9-ForwardRendering 中 没有 在 Bass Pase 中 计算 逐 顶 点 和 SH 光源 ， 因 此 场景 
个 点 光源 实际 上 不 会 对 物体 造成 任何 有 影响。 同样， 如 果 我 们 把 平行 光 的 Render Mode 也 设 为 Not 
oe ， 那 么 读者 可 以 猜测 一 下 结果 会 是 什么 。 没 错 ， 物 体 就 会 仅 显示 环境 光 的 光照 结果 。 


的 内 置 变量 和 画 数 来 计算 这 些 光 源 的 光照 效果 。 


1 的 4 


那么 ， 我 们 如 何在 前 向 泻 染 路 径 的 Base Pass 中 计算 逐 顶 点 和 SH 光 呢 ? 我 们 可 以 使 用 9.1.1 节 中 提 到 


9.3 Unity 的 光照 衰减 


在 9.2 节 中 ， 我 们 提 到 Unity 使 用 一 张 纹理 作为 查找 
的 赛 碱 。 这 样 的 好 处 在 于 ， 叶 工 壮 减 不 依 灯 二 数学 公式 的 复杂 性 ， 我 们 只 


值 去 纹理 


采样 即 可 。 但 使 用 纹理 查找 六 


。 需要 预 处 理 得 到 采样 纹理 ， 而 且 纹 理 的 大 小 也 


KE 计算 衰减 也 在 


。 不 直观 ， 同 时 也 不 方便 ， 因 此 一 旦 # 


数据 存储 到 


公式 来 计算 衰减 。 


到 中 


些 浆 端 。 


会 影响 衰减 的 精度 。 


三 | 


查找 表 


日 由 于 这 种 方法 可 以 在 一 定 程度 上 提 


好 的 ， 因 此 Unity 默 认 就 是 使 用 这 种 纹理 查找 的 方式 来 i 


逢 性 能 ， 而 


的 。 
9.3.1 用 于 光照 衰减 的 纹理 


Unity 在 内 部 使 用 一 张 名 为 _LightTexture0 的 纹理 
我 们 对 该 光源 使 用 了 cookie， 那 么 衰减 查找 纹理 是 _ LightTextureB0， 但 这 里 不 人 
况 。 我 们 通常 只 关心 _LightTexture0 对 角 线 | 
同位 置 的 点 的 衰减 值 。 例 如 ，(0, 0) 点 表明 了 


了 在 光源 空间 中 所 关心 的 距离 最 远 的 点 的 衰减 。 


为 了 对 _LightTexture0 纹 理 采 样 得 到 给 定 


在 光源 空间 中 的 位 置 ， 这 是 通过 _LightMatrix03 


口 人 , 


上 -的 纹理 颜 
与 光源 位 置 重合 的 ， 


日 得 到 的 效 


色 值 ， 


f 算 逐 像素 的 ， 


在 大 部 分 情况 下 都 是 


表 来 在 片 元 着 色 器 中 计算 逐 像素 光照 
{要 使 用 一 个 参数 


， 我 们 就 无 法 使 用 其 他 数学 


日 


民 


所 光源 和 聚光灯 的 衰减 


计算 


光源 误 减 。 需 要 注意 的 是 ， 如 采 


_LightMatrix0 可 以 把 顶点 从 世界 空间 变换 到 光源 空间 


司 。 


这 些 值 表明 了 在 光源 空间 中 不 
点 的 衰减 值 ， 
该 点 


所 到 该 光源 的 衰减 值 ， 我 们 首先 需要 得 到 
变换 矩阵 得 到 


的 。 在 9.1.1 节 中 ， 我 们 已 经 知道 


世界 空间 中 的 顶点 坐标 相 乘 即 可 得 到 光源 空间 中 的 相应 位 置 : 


因此 ， 我 们 只 需要 把 _LightMatrix0 和 


float3 lightCoord = mul(_LightMatrix©O, float4(i.worldPosition, 1)).xyz; 


然后 ， 我 们 可 以 使 用 这 个 坐标 的 模 的 平方 对 衰减 纹理 进行 采样 ， 得 到 衰减 值 : 


fixed atten = tex2D(_LightTexture0, dot(lightCoord, 


lightCoord).rr).UNITY_ATTEN_CHANNEL,; 


可 以 发 现 ， 在 上 面 的 代码 中 ， 我 们 使 用 了 光源 空 


间 


得 到 ) 来 对 纹理 采样 ， 之 所 以 没有 使 用 距离 值 来 采样 是 
然后 ， 我 们 使 用 宏 UNITY_ATTEN_CHANNEL 来 得 到 衰减 纹理 中 衰减 值 所 在 的 分 量 


到 最 终 的 衰减 值 。 
9.3.2 ”使 用 数学 公式 计算 衰减 


因为 


== | 


顶点 距离 的 平方 (通过 dot 范 数 来 
这 种 方法 可 以 避免 开 方 操作 。 


以 得 


尽管 纹理 采样 的 方法 可 以 减少 计算 衰减 时 的 复杂 度 ， 


但 


有 时 我 们 希望 可 以 在 代码 


用 公式 来 计算 光源 的 衰减 。 例 如 ， 下 面 的 代码 可 以 计算 光源 的 线性 衰减 : 


利 


float distance = length(_WorldSpaceLightPos0. xyz - i.worldPosition.xyz); 
atten = 1.0 / distance; // linear attenuation 


可 惜 的 是 ，Unity 没 有 在 文档 中 给 出 内 置 衰 减 计算 的 相关 说 明 。 尽 管 我 们 仍然 可 以 在 片 
元 着 色 器 利用 些 数 学 公式 来 计算 衰减 ， 但 由 于 我 们 无 法 在 Shader 中 通过 内 置 变量 得 到 光 
源 的 范围 、 聚 光 灯 的 朝向 、 张 开 角度 等 信息 ， 因 此 得 到 的 效果 往往 在 有 些 时 候 不 尽 如 人 

意 克 其 在 物体 离开 光源 的 照明 范围 时 会 发 生 突变 (这 是 因为 ， 如 果 物 体 不 在 该 光源 的 照 

明 范围 内 ， Unity 就 个 会 为 物体 执行 一 个 Additional Pass) 。 当 然 ， 我 们 可 以 利用 脚本 将 光源 
的 相关 信息 传递 给 Shader， 但 这 样 的 灵活 性 很 低 。 我 们 只 能 期 待 未 来 的 版 本 中 Unity 可 以 完 

善文 档 并 开放 更 多 的 参数 给 开发 者 使 用 。 
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A 图 9.15 开启 光源 的 阴影 效果 
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Receive Shadows [el 
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Element 0 (ForwardRendering © 
Use Light Probes MM 
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Cast Shadows 可 以 被 设置 为 开启 (On 


性 那么 Unity 距 会 把 该 物体 加 入 到 >》 
映射 纹理 采样 时 可 以 得 到 该 物体 的 
LightMode 为 ShadowCaster 的 Pass 来 实现 的 。Receive 


自 目 其 他 物体 的 阴影 。 如 果 没 有 开启 Receive Shadows ， 
算 阴影 (在 后 面 我 们 会 看 到 如 何 实现 ) 时 ， 


能 ， 就 不 会 在 内 部 为 我 们 计算 阴影 。 


Kl 


我 们 把 正方 体 和 两 个 


图 9.17 中 的 结果 。 


ls 


的 Cast Shadows 和 Receive Shadows 属性 可 以 控制 


该 物体 是 否 投射 /接收 阴影 


或 关闭 (Off) 。 如 果 


E 源 的 阴影 映射 纹理 的 计算 中 ， 
日 关 信 息 。 正 如 之 前 所 说 ， 这 个 过 程 是 通过 为 该 物体 执行 

Shadows 则 可 以 选择 是 否 让 物体 接收 来 
那么 当 我 们 调用 Unity 的 内 置 大 和 变量 计 


开启 了 Cast Shadows 属 


从 而 让 其 他 物体 在 对 阴影 


这 些 宏 通 过 判断 该 物体 没有 开局 接收 阴影 的 功 


<]Cast Shadows 和 Receive Shadows 都 设 为 开启 状态 ， 可 以 得 到 


A 图 9.17 开启 Cast Shadows 和 Receive Shadows ， 从 而 让 正方 体 可 以 投射 和 接收 阴影 


从 图 9.17 可 以 发 现 ， 尽 管 我 们 没有 对 正方 体 使 用 的 Chapter9-ForwardRendering 进 行 任何 更 
改 ， 但 正方 体 仍 然 可 以 向 下 面 的 平面 投射 阴影 。 一 些 读者 可 能 会 有 疑问 : “之 前 不 是 说 Unity 要 
使 用 LightMode 为 ShadowCaster 的 Pass 来 演 染 阴影 映射 纹理 和 深度 图 吗 ? 但 是 Chapter9- 
owwardRendering Hh 1 < 全 这 样 一 个 Pass 啊 。” 没 错 ， 我 们 在 Chapter9-Forward Rendering 的 
SubShader 只 定义 了 两 个 Pass 一 一 一 个 Base Pass， 一 个 Additional Pass。 那 么 为 什么 它 还 可 以 投 
射 阴影 呢 ? 实际 上 ， 秘 密 就 在 于 Chapter9- ForwardRendering 中 的 Fallback 语义 : 


Fallback "Specular" 


在 Chapter9-ForwardRendering 中 ， 我 们 为 它 的 Fallback 指 定 了 一 个 用 于 回调 Unity Shader， 

即 内 置 的 Specular。 虽 二 包含 这 样 一 个 Pass， 但 是 由 于 它 的 Fallback 调 用 了 
VertexLit， 它 会 继续 回调 ， 并 最 终 回调 到 内 置 的 VertexLit。 我 们 可 0 4 里 找 
到 它 : Dili hd ete el il ed era onal VertexLit.shader。 打 ， 我 们 就 
可 以 看 到 “传说 中 ”的 LightMode 为 ShadowCaster 的 Pass 了 : 


// Pass to render object as a shadow caster 
Pass { 

Name "ShadowCaster" 

Tags { "LightMode" = "ShadowCaster" } 


CGPROGRAM 

#pragma vertex vert 

#pragma fragment frag 

#pragma multi_compile_shadowcaster 
#include "UnityCG.cginc" 


struct v2f { 
V2F_SHADOW_CASTER; 
}; 


v2f vert( appdata base v ) 
{ 


v2f 0o; 
TRANSFER_SHADOW_CASTER_NORMALOFFSET(0) 
return o; 


上 
float4 frag( v2f i ) : SV_Target 
SHADOW_CASTER_FRAGMENT (i) 


} 
ENDCG 


上 面 的 代码 非常 短 ， 尽 管 有 一 些 宏和 指令 是 我 们 之 前 没有 遇 到 过 的 ， 但 它们 的 用 处 实际 
上 就 是 为 了 把 深度 信息 写 入 泻 染 目标 中 。 在 Unity 5 中 ， 这 个 Pass 的 泻 染 目标 可 以 是 光源 的 阴影 
映射 纹理 ， 或 是 摄像 机 的 深度 纹理 。 


如 果 我 们 把 Chapter9- ForwardRendering 中 的 Fallback 注 释 掉 ， 就 可 以 发 现 正 方 体 不 会 再 向 
平面 投射 阴影 了 。 当 然 ， 我 们 可 以 不 依赖 Fallback， 而 自行 在 SubShader 中 定义 自己 的 
LightMode 为 ShadowCaster 的 Pass。 这 种 自 定义 的 Pass 可 以 让 我 们 更 加 灵活 地 控制 阴影 的 产 
生 。 但 由 于 这 个 Pass 的 功能 通常 是 可 以 在 多 个 Unity Shader 间 通用 的 ， 因 此 直接 Fallback 是 一 个 
更 加 方便 的 用 法 。 在 之 前 的 章节 中 ， 我 们 有 时 也 在 Fallback 中 使 用 内 置 的 Diffuse， 虽 然 Diffuse 
本 身 也 没有 包含 这 样 一 个 Pass， 但 是 由 于 它 的 Fallback 调 用 了 VertexLit， 因 此 Unity 最 终 还 是 会 
找到 一 个 LightMode 为 ShadowCaster 的 Pass， 从 而 可 以 让 物体 产生 阴影 。 在 下 面 的 9.4.2 节 
中 ， 我 们 将 继续 看 到 LightMode 为 ShadowCaster 的 Pass 对 产生 正确 的 阴影 的 重要 性 。 


图 9.17 中 还 有 一 个 有 意思 的 现象 ， 就 是 右 侧 的 平面 并 没有 疝 最 下 面 的 平面 投射 阴影 ， 尽 管 
它 的 Cast Shadows 已 经 被 开启 了 。 在 默认 情况 下 ， 我 们 在 计算 光源 的 阴影 映射 纹理 时 会 剔除 
掉 物 体 的 背面 。 但 对 于 内 置 的 平面 来 说 ， 它 只 有 一 个 面 ， 因 此 在 本 例 中 当 计 算 阴 影 映射 纹理 
时 ， 由 于 右 侧 的 平面 在 光源 空间 下 没有 任何 正面 (frontface) ， 因 此 就 不 会 添加 到 阴影 映射 纹 
理 中 。 我 们 可 以 将 Cast Shadows 设置 为 Two Sided 来 允许 对 物体 的 所 有 面 都 计算 阴影 信息 
图 9.18 给 出 了 当 把 右 侧 平面 的 Cast Shadows 设置 为 Two Sided 后 的 结果 。 
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A 图 9.18 把 Cast Shadows 设置 为 Two Sided 可 以 让 右 侧 平面 的 背光 面 也 产生 阴影 


在 本 例 中 ， 最 下 面 的 平面 之 所 以 可 以 接收 阴影 是 因为 它 使 用 了 内 置 的 Standard Shader， 而 
这 个 内 置 的 Shader 进 行 了 接收 阴影 的 相关 操作 。 但 由 于 正方 体 使 用 的 Chapter9- 
ForwardRendering 并 没有 对 阴影 进行 任何 处 理 ， 因 此 它 不 会 显示 出 右 侧 平面 投射 来 的 阴影 。 在 
下 一 节 中 ， 我 们 将 学 习 如 何 让 正方 体 也 可 以 接收 阴影 。 
2. 让 物体 接收 阴影 
为 了 让 正方 体 可 以 接收 阴影 ， 我 们 首先 新 建 一 个 Unity Shader， 在 本 书 资源 中 ， 它 的 名 称 
为 Chapter9-Shadow 。 我 们 把 Chapter9- Shadow 赋 给 正方 体 使 用 的 材质 ShadowMat。 删 除 


Chapter9- Shadow 中 的 代码 ， 把 Chapter9-ForwardRendering 的 代码 复制 给 它 。 当 然 ， 这 样 仍然 
不 会 有 任何 阴影 出 现在 正方 体 上 ， 因 此 我 们 需要 对 代码 进行 一 些 更 改 。 


1) 首先 ， 我 们 在 Base Pass 中 包含 进 一 个 新 的 内 置 文件 : 


#include "AutoLight .cginc"。 


这 是 因为 ， 我 们 下 面 计算 阴影 时 所 用 的 宏 都 是 在 这 个 文件 中 声明 的 。 
(2) 我 们 在 顶点 着 色 器 的 输出 结构 体 v2f 中 添加 了 一 个 内 置 宏 SHADOW_COORDS : 


. 


上 


struct v2f { 
float4 pos : SV_POSITION; 
float3 worldNormal : TEXCOORDO; 
float3 worldPos : TEXCOORD1; 
SHADOW_COORDS (2) 


作用 很 简单 ， 就 是 声明 一 个 用 于 对 阴影 纹理 采样 的 坐标 。 需 要 注意 的 是 ， 这 个 
是 下 一 个 可 用 的 插值 寄存 器 的 索引 值 ， 在 上 面 的 例子 中 就 是 2。 


(3) 然后 ， 我 们 在 顶点 着 色 器 返回 之 前 添加 男 一 个 内 置 宏 TRANSFER_SHADOW : 


v2f vert(a2v v) { 
v2f 0o; 


// Pass shadow coordinates to pixel shader 


TRANSFER_SHADOW(o ) ; 


return o,; 


这 个 宏 用 于 在 顶点 着 色 器 中 计算 上 一 步 中 声明 的 阴影 纹理 坐标 。 


(4) 接着 ， 我 们 在 片 元 着 色 器 中 计算 阴影 值 ， 这 同样 使 用 了 一 个 内 置 宏 SHADOW_ 
ATTENUATION : 


// Use shadow coordinates to sample shadow map 
fixed shadow = SHADOW_ ATTENUATION(i); 


SHADOW_COORDS 、TRANSFER_SHADOW 和 SHADOW_ATTENUATION 是 计算 阴 


影 时 的 “三 剑客 ”。 这 些 内 置 宏 帮助 我 们 在 必要 时 计算 光源 的 阴影 。 我 们 可 以 在 AutoLight.cginc 
中 找到 它们 的 声明 : 


// ---------------- 
// Shadow helpers 
// ---------------- 
// ---- Screen space shadows 


#if defined (SHADOWS_SCREEN) 
UNITY_DECLARE_SHADOWMAP(_ShadowMapTexture); 
#define SHADOW_ COORDS(idx1) unityShadowCoord4 _ShadowCoord : TEXCOORD##idx1; 
#if defined(UNITY_NO_SCREENSPACE_SHADOWS ) 
#define TRANSFER SHADOW(a) a, Shadowcoord = mul( unity_ World2Shadow[0], 
mul( _Object2world, v.vertex ) ); 
inline fixed unitySampleShadow (unityShadowCoord4 shadowCoord) 


{ 


#else // UNITY_NO_SCREENSPACE_SHADOWS 
#define TRANSFER_SHADOW(a) a._ShadowCoord = ComputeScreenPos(a.pos); 
inline fixed unitySampleShadow (unityShadowCoord4 shadowCoord) 
{ 
fixed shadow = tex2Dproj( _ShadowMapTexture, UNITY_PROJ_ COORD(shadowCoord) ).rl; 
return shadow; 
} 
#endif 
#define SHADOW_ATTENUATION(a) unitySampleShadow(a._ShadowCoord) 
#endif 


// ---- Spot light shadows 
#if defined (SHADOWS_DEPTH) && defined (SPOT) 


#endif 


// ---- Point light shadows 
#if defined (SHADOWS_CUBE) 


#endif 


// ---- Shadows off 

#if !defined (SHADOWS_SCREEN) && !defined (SHADOWS_ DEPTH) && !defined (SHADOWS_CUBE) 
#define SHADOW_ COORDS(idx1) 
#define TRANSFER_SHADOW(a) 
#define SHADOW_ATTENUATION(a) 1.0 

#endif 


上 上面 的 代码 看 起 来 很 多 、 很 复杂 ， 实际 上 只 是 Unity 为 了 处 理 不 同 光 源 类 型 、 不 同 平台 而 
定义 了 多 个 版 本 的 宏 。 在 前 向 泻 染 中 ， 宏 SHADOW_COORDS 实际 上 就 是 声明 了 一 个 名 为 
_ShadowCoord 的 阴影 纹理 坐标 变量 。 "而 TRANSFER_ SHADOW 的 实现 会 根据 平台 不 同 而 有 
所 差异 。 如 果 当 前 平台 可 以 使 用 屏幕 空间 的 阴影 映射 技术 (通过 判断 是 否定 义 了 


UNITY_NO_SCREENSPACE_ SHADOWS 来 得 到 ) ，TRANSFER_SHADOW 会 调用 内 置 的 
CompnuteScreenPos 函 数 来 计算 _ShadowCoord;， 如 果 该 平台 不 支持 屏幕 空间 的 阴影 映射 技术 ， 
就 会 使 用 传 多 充 的 阴影 映射 技术 ，TRANSFER_SHADOW 会 把 顶点 坐标 从 模型 空间 变换 到 光源 
空间 后 存储 到 _ShadowCoord 中 。 然 后 ，SHADOW_ATTENUATION 负 责 使 用 _ShadowCoord 对 
日 关 的 纹理 进行 采样 ， 得 到 阴影 信息 。 


注意 到 ， 上 面 内 置 代码 的 最 后 定义 了 在 关闭 阴影 时 的 处 理 代码 。 可 以 看 出 ， 当 关闭 了 阴 
影 后 ，SHADOW_COORDS 和 TRANSFER_SHADOW 实际 没有 任何 作用 ， 而 
SHADOW_ATTENUATION 会 直接 等 同 于 数值 1 。 

需要 读者 注意 的 是 ， 由 于 这 些 宏 中 会 使 用 上 下 文 变量 来 进行 相关 计算 ， 例 如 TRANSFER_ 
SHADOW 会 使 用 v.vertex 或 a.pos 来 计算 坐标 ， 因 此 为 了 能 够 让 这 些 宏 正确 工作 ， 我 们 需要 保证 
自 定义 的 变量 名 和 这 些 宏 中 使 用 的 变量 名 相 人 匹配 。 我 们 需要 保证 a2f 结 构 体 中 的 顶点 坐标 变 
量 名 必须 是 vertex ， 顶 点 着 色 器 的 输出 结构 体 v2f 必 须 命名 为 v ， 且 v2f 中 的 顶点 位 置 变量 必须 
命名 为 pos 。 


(5) 在 完成 了 上 面 的 所 有 操作 后 ， 我 们 只 需要 把 阴影 值 shadow 和 漫 反 射 以 及 高 光 反 射 颜 
色相 乘 即 可 。 


保存 文件 ， 返 回 Unity 我 们 可 以 发 现 ， 现 在 正方 体 也 可 以 接收 来 自 右 侧 平面 的 阴影 了 ， 如 
图 9.19 所 示 。 


全 图 9.19 正方 体 可 以 接收 来 自 右 侧 平面 的 阴影 


需要 注意 的 是 ， 在 上 面 的 代码 里 我 们 只 更 改 了 Base Pass 中 的 代码 ， 使 其 可 以 得 到 阴影 效 
果 ， 而 没有 对 Additional Pass 进 行 任 何 更 改 。 大 体 上 ， Additional Pass 的 阴影 处 理 和 Base Pass 是 
一 样 的 。 我 们 将 在 9.4.4 节 看 到 如 何 处 理 这 些 阴影 。 本 节 实 现 的 代码 仅 是 为 了 解释 如 何 让 物体 
接收 阴影 ， 但 不 可 以 直接 应 用 到 项 目 中 。 我 们 会 在 9.5 节 中 给 出 包含 了 完整 的 光照 处 理 的 Unity 
Shader 。 


9.4.3 ”使 用 帧 调试 器 查看 阴影 绘制 过 程 


管 我 们 在 上 面 描述 了 阴影 的 产生 过 程 ， 但 如 果 有 直观 的 方式 看 到 阴影 一 步 步 的 绘制 过 
程 那 就 太 好 了 ! 幸运 的 是 ，Unity 5 添加 了 一 个 新 的 工具 一 一 帧 调试 器 。 我 们 曾 在 9.2.2 市 中 利 
它 查 看 过 Pass 的 绘制 过 程 ， 在 本 节 我 们 会 通过 它 来 查看 阴影 的 绘制 过 程 


首先 ， 我 们 需要 在 Window -> Frame Debugger 中 打开 帧 调试 器 。 图 9.20 给 出 了 Scene 9 4 2 
顺 调 试 器 中 的 分 析 结果 。 


从 图 9.20 中 可 以 看 出 ， 绘 制 该 场景 共 需 要 花费 20 个 演 染 事件 。 这 些 演 染 事件 可 以 分 为 4 个 
部 分 :UpdateDepthTexture， 即 更 新 摄像 机 的 深度 纹理 ，RenderShadowmap ， 即 泻 染 得 到 平行 
光 的 阴影 映射 纹理 ; CollectShadows， 即 根据 深度 纹理 和 阴影 映射 纹理 得 到 屏幕 空间 的 阴影 
图 ; 最 后 绘制 演 染 结果 。 


/4 


Et 
[a 


Frame Debug I CO 
| Enable | Dj20 | of20 | 4 4 
Tr vesh 

WUpdateDepthTexture 4 


Shader: Standard pass #0 DIRECTIONAL SHADOWS_SCREEN LIGHTMAP_OFF DIRLIGHTMAP_OFF DYNAM 
Blend One Zero, One Zero ColorMask RGBA 
ZTest LessEqual ZWrite On Cull Back Offset 0, 0 


Clear (color+Z+stencil) 
Draw Mesh Plane (1) 
Draw Mesh Cube 


Draw Mesh Plane 
VDrawing 16 
VRender.OpaqueGeometry 16 
wRenderForwardOpaque.Render 16 
WShadows.RenderShadowmap 10 
WShadows.RenderShadowmapDir 10 


Clear (color+Z+stencil) 
Draw Mesh Plane 
Draw Mesh Cube 
Draw Mesh Plane (1) 
Draw Mesh Plane 
Draw Mesh Cube 
Draw Mesh Plane (1) 
Draw Mesh Plane 
Draw Mesh Plane (1) 
Draw Mesh Plane (1) 
wRenderForwardOpaque.CollectSshadows 2 
WShadows.CollectShadows 多 
Clear (color) 
Draw GL 
了 Clear 1 
Clear (color+Z+stencil) 
Draw Mesh Plane 
Draw Mesh Cube 


Plane subset 0 
Draw Mesh Plane (1) 121 verts, 600 indices 


Hr 


A 图 9.20 ”使 用 帧 调试 器 查看 阴影 绘制 过 程 


我 们 首先 来 看 第 一 个 部 分 ， 更 新 摄像 机 的 深度 纹理 ， 这 是 前 4 个 演 染 事件 的 工作 。 我 们 可 
单 击 这 些 事件 查看 它们 的 绘制 结果 。 图 9.21 给 出 了 正方 体 对 深度 纹理 的 更 新 结果 。 


江 


A 图 9.21 正方 体 对 深度 纹理 的 更 新 结果 


从 帧 调试 器 右 侧 的 面板 我 们 可 以 了 解 这 一 泻 染 事件 的 详细 信息 。 在 图 9.21 中 ， 我 们 可 以 发 
现 ，Unity 调 用 了 Shader: Unity Shader Book/Chapter9 Shadow pass #3 来 更 新 深度 纹理 ， 即 
Chapter9-Shadow 中 的 第 三 个 Pass。 尽 管 Chapter9-Shadow 中 只 定义 了 两 个 Pass， 但 正如 我 们 之 
前 所 说 ，Unity 会 在 它 的 Fallback 中 找到 第 三 个 Pass， 即 LightMode 为 ShadowCaster 的 Pass 来 更 
新 摄像 机 的 深度 纹理 。 同 样 ， 在 第 二 个 部 分 ， 即 泻 染 得 到 平行 光 的 阴影 映射 纹理 的 过 程 中 ， 
Unity 也 是 调用 了 这 个 Pass 来 得 到 光源 的 阴影 映射 纹理 。 


在 第 三 个 部 分 中 ，Unity 会 根据 之 前 两 步 的 结果 得 到 屏幕 空间 的 阴影 图 ， 如 图 9.22 所 示 。 
这 张 图 已 经 包含 了 最 终 屏幕 上 所 有 有 阴影 区 域 的 阴影 。 在 最 后 一 个 部 分 中 ， 如 果 物 体 所 


使 用 的 Shader 包 含 了 对 这 张 阴影 图 的 采样 就 会 得 到 阴影 效果 。 图 9.23 给 出 了 这 个 部 分 Unity 是 如 
何 一 步 步 绘 制 出 有 阴影 的 画面 效果 的 。 


4 图 9.22 ”屏幕 空间 的 阴影 图 


Event #17: Clear (color+Z+ stencil) 
Shader: Standard pass #0 DIRECTIONAL SHADOWS_SCREEN 
Wond One Zero, One Zero ColorMask ROBA 


Mend One Zero. One Zero ColorMask RCaA 
ZTest LessEqual ZWrite On Cull Back Offset 0, 0 


A 图 9.23 ”Unity 绘 制 屏 幕 阴 影 的 过 程 
9.4.4 ”统一 管理 光照 衰减 和 阴影 


在 9.2 节 和 9.3 节 中 ， 我 们 已 经 讲 过 如 何在 Unity Shader 的 前 向 泻 染 路 径 中 计算 光照 衰减 
在 Base Pass 中 ， 平 行 光 的 衰减 因子 总 是 等 于 1， 而 在 Additional Pass 中 ， 我 们 需要 判断 该 Pass 处 
理 的 光源 类 型 ， 再 使 用 内 置 变量 和 宏 计 算 嘉 减 因 子 。 实 际 上 ， 光 照 衰减 和 阴影 对 物体 最 终 的 
浑 染 结果 的 影响 本 质 上 是 相同 的 一 一 我 们 都 是 把 光照 衰减 因子 和 阴影 值 及 光照 结果 相 乘 得 到 
最 终 的 泻 染 结 果 。 那 么 ， 是 不 是 可 以 有 一 个 方法 可 以 同时 计算 两 个 信息 呢 ? 好 消息 是 ，Unity 
在 Shader 里 提供 了 这 样 的 功能 ， 这 主要 是 通过 内 置 的 UNITY_LIGHT_ATTENUATION 宏 来 实 
现 的 。 


为 此 ， 我 们 做 如 下 准备 工作 。 
(1) 复制 9.4.2 节 中 同样 的 场景 ， 在 本 书 资源 中 该 场景 名 为 Scene 9 4 4。 
(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 


AttenuationAndShadowUseBuildInFunctionsMat 。 


(3) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Shader 名 为 Chapter9- 
AttenuationAndShadowUse BuildInFunctions。 把 新 的 Shader 赋 给 第 2 步 中 创建 的 材质 。 


(4) 把 第 2 步 中 的 材质 赋 给 一 个 正方 体 。 
45) 保存 场景 。 


打开 Chapter9-AttenuationAndShadowUseBuildInFunctions， 把 Chapter9-Shadow 中 的 代码 烙 
贴 进去 。 尽 管 Chapter9-Shadow 中 的 代码 可 以 让 我 们 得 到 正确 的 阴 影 ， 但 在 实践 中 我 们 通常 会 
使 用 Unity 的 内 置 宏和 函数 来 计算 衰减 和 阴影 ， 从 而 隐藏 一 些 实现 细节 。 关 键 代 码 如 下 。 


(1) 首先 包含 进 需要 的 头 文件 。 


2k 


// Need these files to get built-in macros 
#include "Lighting.cginc" 
#include "AutoLight.cginc" 


(2) 在 v2f 结 构 体 中 使 用 内 置 宏 SHADOW_COORDS 声明 阴影 坐标 : 


struct v2f { 
float4 pos : SV_POSITION; 
float3 worldNormal : TEXCOORDO; 
float3 worldPos : TEXCOORD1; 
SHADOW_COORDS (2) 


}; 


, (3) 在 顶点 着 色 器 中 使 用 内 置 安 TRANSFER_SHADOW 计算 并 向 片 元 着 色 器 传递 阴影 
标 : 


| 之 


v2f vert(a2v v) { 
v2f 0o; 


TRANSFER_SHADOW(0); 


return o,; 


(4) 和 9.4.2 节 中 的 方式 不 同 ， 这 次 我 们 在 片 元 着 色 器 中 使 用 内 置 宏 UNITY_LIGHT_ 
ATTENUATION 来 计算 光照 衰减 和 阴影 : 


fixed4 frag(v2f i) : SV_Target { 


// UNITY_LIGHT_ATTENUATION not only compute attenuation, but also shadow infos 
UNITY_LIGHT_ATTENUATION(atten, i, i.worldPos); 


return fixed4(ambient + (diffuse + specular) * atten, 1.0); 


UNITY_LIGHT_ATTENUATION 是 Unity 内 置 的 用 于 计算 光照 衰减 和 阴影 的 宏 ， 我 们 可 
在 内 置 的 AutoLight.cginc 里 找到 它 的 相关 声明 。 它 接受 3 个 参数 ， 它 会 将 光照 衰减 和 阴影 值 
乘 后 的 结果 存储 到 第 一 个 参数 中 。 注 意 到 ， 我 们 并 没有 在 代码 中 声明 第 一 个 参数 atten ， 这 


天 为 UNITY_LIGHT_ATTENUATION 会 会 帮 我 们 声 明 这 个 变量 。 它 的 第 二 个 参数 是 结构 体 
v2f， 这 个 参数 会 传递 给 9.4.2 节 中 使 用 的 SHADOW_ATTENUATION ， 用 来 计算 阴影 值 。 而 


各 St NAN 了 


第 三 个 参数 是 世界 空 


间 的 4 


E 标 ， 正 妇 


辣 下 的 坐标 ， 


再 对 光照 衰减 纹 弄 
中 UNITY_LIGHT_ ATTENUATION 的 声明 ， 读 者 可 


1 光照 衰减 。 我 


采样 来 得 至 


启 


声明 十 


cookie 等 不 同情 况 声 
呆 证 我 们 可 


5) 由 于 使 用 
尺码 得 以 统一 


以 通过 这 样 


我 们 不 需 


声明 了 多 个 版 本 的 UNITY_LIGHT . 
一 个 简单 的 代码 来 得 到 正确 


了 


我们 在 9.3 节 中 看 到 的 一 检 
以 发 现 ，Unity 针 对 不 同 
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光源 空 
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结果 的 关键 。 


要 在 Base Pass 里 和 独处 理 
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名。 这 
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#pragma multi_compile 


弟 给 


并 传递 


Shader ° 


= 
尿 Z ， 


光照 喜 减 ， 
FE 是 Unity 内 置 文 伯 
j#pragma multi compile_fwdadd_fullshadows 编 译 # 


的 魅力 所 在 。 如 曙 


过 UNITY _ 


fwdadd 指 令 。 这 村 


9.4.5 “透明度 物体 的 阴影 


我 们 从 
的 Unity Shader 


始 就 强 


中 提供 一 个 LightMode 为 Shad 


里 阴影 ， 


我 们 希望 可 以 在 Additional Pass 中 添加 阴 
站 令 来 代替 Additional Pass 中 的 
羊 一 来 ，Unity 也 会 为 这 些 额 外 的 逐 像 素 光 源 计算 阴 


也 不 需要 如 


影 效 
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定 要 在 


Unity 里 让 物体 能 够 向 


置 的 VertexLit 


多 ShadowCaster 来 投射 阴影 
物体 ， 然 后 把 深度 结果 输出 到 一 张 
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关 的 文件 。 


物体 来 说 ， 


小 心 处 理 它 的 阴影 。 透 明 物 体 
心 设置 这 些 物体 的 Fallback 。 


owCaster 的 Pass。 在 前 


把 Fallback 设 为 VertexLit 就 可 以 得 到 正 
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。 VertexLit 中 的 ShadowCaster 实现 很 
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深度 图 或 阴影 映射 纹 更 


确 的 B 
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的 实现 通常 会 使 


透明 度 测 试 的 处 到 


但 如 果 我 们 仍然 直接 使 


比较 简单 
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而 VertexLit 中 上 
提供 了 这 样 
本 ， 它 使 用 的 材质 
AlphaTestWithShadow ° 


无 法 得 到 
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j VertexLit、Diffuse 、Specular 等 


| 正确 的 阴影 。 这 是 因为 透明 度 测试 
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并 没有 进行 这 样 的 操作 。 
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FE 它 使 
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了 UNITY _LIGHT_ATTENUATION ， 我 们 的 Base Pass 和 Additional Pass 的 
EAdditional Pass 中 判断 
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Chapter9- -AlphaTestWithShadow 使 


同 的 代码 ， 
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EE HH 
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的 头 文件 : 


了 和 8.3 节 透明 度 测 试 中 几乎 完全 术 


#include "Lighting.cg 
#include "AutoLight.c 


inc" 
ginc" 


(2) 在 v2f 中 使 用 


内 置 安 SHADOW_COORDS 


声明 阴影 纹理 


struct v2f { 
float4 pos 


float3 worldNormal 
: TEXCOORD1; 
: TEXCOORD2; 


float3 wor1LdPos 
float2 uv 
SHADOW_COORDS (3) 


: SV_POSITION; 


: TEXCOORDO; 


注意 到 ， 由 于 我 们 已 经 占用 了 3 个 插值 寄存 器 〈 使 用 TEXCOORD0、 TEXCOORD1 和 
TEXCOORD2 修 饰 的 变量 ) ， 因 此 SHADOW_COORDS 中 传 入 的 参数 是 3， 这 意味 着 ， 阴 影 
纹理 坐标 将 占用 第 四 个 插值 寄存 器 TEXCOORD3。 


(3) 然后 ， 在 顶点 着 色 器 中 使 用 内 置 宏 TRANSFER_SHADOW 计算 阴影 纹理 坐标 后 传 
片 元 着 色 器 : 


dn 
\ 


v2f vert(a2v v) { 
v2f 0o; 


// Pass shadow coordinates to pixel shade 
TRANSFER_ SHADOW( 0); 


return o,; 


(4) 在 片 元 着 色 器 中 ， 使 用 内 置 宏 UNITY_LIGHT_ATTENUATION 计算 阴影 和 光照 误 


减 : 


fixed4 frag(v2f i) : SV_Target { 


// UNITY_LIGHT_ATTENUATION not only compute attenuation, but also shadow infos 
UNITY_LIGHT_ATTENUATION(atten, i, i.worldPos); 


return fixed4(ambient + diffuse * atten, 1.0); 


(5) 这 次 ， 我 们 更 改 它 的 Fallback， 使 用 VertexLit 作 为 它 的 回调 Shader: 


Fallback "VertexLit" 


我 们 仍然 使 用 transparent_texture.psd 纹 理 ， 把 它 赋 给 新 的 材质 后 ， 就 可 以 得 到 类 似 图 9.24 
中 的 效果 。 


细心 的 读者 可 以 发 现 ， 镑 空 区 域 出 现 了 不 正常 的 阴影 ， 看 起 来 就 像 这 个 正方 体 是 一 个 普 
通 的 正方 体 一 样 。 而 这 并 不 是 我 们 想 要 得 到 的 ， 我 们 希望 有 些 光 应 该 是 可 以 通过 这 些 铂 空 区 
域 透 过 来 的 ， 这 些 区 域 不 应 该 有 阴影 。 出 现 这 样 的 情况 是 因为 ， 我 们 使 用 的 是 内 置 的 
VertexLit 中 提供 ShadowCaster 来 投射 阴影 ， 而 这 个 Pass 中 并 没有 进行 任何 透明 度 测 试 的 计 
算 ， 因 此 ， 它 会 把 整个 物体 的 深度 信息 泻 染 到 深度 图 和 阴影 映射 纹理 中 。 因 此 ， 如 果 我 们 想 
要 得 到 经 过 透明 度 测 试 后 的 阴影 效果 ， 就 需要 提供 一 个 有 透明 度 测试 功能 的 ShadowCaster 
Pass 。 当 然 ， 我 们 可 以 自行 编写 一 个 这 样 的 Pass， 但 这 里 我 们 仍然 选择 使 用 内 置 的 Unity 
Shader 来 减少 代码 量 。 


为 了 让 使 用 透明 度 测试 的 物体 得 到 正确 的 阴影 效果 ， 我 们 只 需要 在 Unity Shader 中 更 改 一 
行 代码 ， 即 把 Fallback 设 置 为 Transparent/Cutout/VertexLit ， 正 如 我 们 在 8.3 节 中 实现 的 一 样 。 
读者 可 以 在 内 置 文件 中 找到 该 Unity Shader 的 代码 ， 它 的 ShadowCaster Pass 也 计算 了 透明 度 
测试 ， 因 此 会 把 裁剪 后 的 物体 深度 信息 写 入 深度 网 和 阴影 映射 纹理 中 。 但 需要 注意 的 是 ， 由 
于 Transparent/Cutout/VertexLit 中 计算 透明 度 测试 时 ， 使 用 了 名 为 _Cutoff 的 属性 来 进行 透明 
， 因 此 ， 这 要 求 我 们 的 Shader 中 也 必须 提供 名 为 _Cutoff 的 属性 。 否 则 ， 同 样 无 法 得 到 正 
确 的 阴影 结果 。 


在 更 改 了 Fallback 后 ， 我 们 可 以 得 到 图 9.25 中 的 效果 。 


€ Game 
600x400 三 Maximize on Play | Mute audio | Stats | Gizmos ~ 


A 图 9.24 ”可 以 投射 阴影 的 使 用 透明 度 测试 的 物体 


€ Game 三 
| 600x400 了 Maximize on Play | Mute audio | Stats | Cizmos ~ 


和 图 9.25 正确 设置 了 Fallback 的 使 用 透明 度 测试 的 物体 


但 是 ， 这 样 的 结果 仍然 有 一 些 问题 ， 例 如 出 现 了 一 些 不 应 该 透 过 光 的 部 分 。 出 现 这 种 情 
况 的 原因 是 ， 默 认 情 况 下 把 物体 泻 染 到 深度 图 和 阴影 映射 纹理 中 仅 考 虑 物体 的 正面 。 但 对 于 
本 例 的 正方 体 来 说 ， 由 于 一 些 面 完全 背 对 光源 ， 因 此 这 些 面 的 深度 信息 没有 加 入 到 阴影 映射 
纹理 的 计算 中 。 为 了 得 到 正确 的 结果 ， 我 们 可 以 将 正方 体 的 Mesh Renderer 组 件 中 的 Cast 
Shadows 属 性 设置 为 Two Sided ， 强 制 Unity 在 计算 阴影 映射 纹理 时 计算 所 有 面 的 深度 信息 
9.26 给 出 了 正确 设置 后 的 泻 染 结果 。 


at 


OD 


图 


Maximize on Play | Mute audio | Stats | Gizmos ,~ 


Blend Probes 


$ 
Anchor Override None (Transform) 9 


A 图 9.26 正确 设置 了 Cast Shadow 属 性 


评 
bam 
I 
f= 
bs 


透明 度 测试 的 物体 


与 透明 度 测试 的 物体 相 比 ， 想 要 为 使 用 透明 度 混合 的 物体 添加 阴影 是 一 件 比 较 复杂 的 事 
青 。 事 实 上 ， 所 有 内 置 的 透明 度 混 合 的 Unity Shader， 如 Transparent/VertexLit 等 ， 都 没有 包含 
阴影 投射 的 Pass。 这 意味 着 ， 这 些 半 透明 物体 不 会 参与 深度 图 和 阴影 映射 纹理 的 计算 ， 也 就 是 
说 ， 它 们 不 会 向 其 他 物体 投射 阴影 ， 同 样 它们 也 不 会 接收 来 自 其 他 物体 的 阴影 。 我 们 在 本 书 


如 二 


资源 的 Scene 9 4 5 _b 中 提供 了 这 样 一 个 测试 场景 。 我 们 使 用 了 之 前 学 习 的 透明 度 混 合 + 阴影 
的 方法 来 演 染 一 个 正方 体 ， 它 使 用 的 材质 和 Unity Shader 分 别 是 AlphaBlendWithShadowMat 
和 Chapter9-AlphaBlendWithShadow。Chapter9-AlphaBlendWithShadow 使 用 了 和 8.4 节 透明 度 混 
合 中 几乎 完全 相同 的 代码 ， 只 是 添加 了 关于 阴影 的 计算 ， 并 且 它 的 Fallback 是 内 置 的 
Transparent/VertexLit。 图 9.27 显 示 了 渲染 结果 。 


Unity 会 这 样 处 理 半 透明 物体 是 有 它 的 原因 的 。 由 于 透明 度 混 合 需要 关闭 深度 写 入 ， 由 此 
带 来 的 问题 也 影响 了 阴影 的 生成 。 总 体 来 说 ， 要 想 为 这 些 半 透明 物体 产生 正确 的 阴影 ， 需 要 
在 每 个 光源 空间 下 仍然 严格 按照 从 后 往 前 的 顺序 进行 泻 染 ， 这 会 让 阴影 处 理 变 得 非常 复杂 ， 
而 且 也 会 影响 性 能 。 因 此 ， 在 Unity 中 ， 所 有 内 置 的 半 透 明 Shader 是 不 会 产生 任何 阴影 效果 
的 。 当 然 ， 我 们 可 以 使 用 一 些 dirty trick 来 强制 为 半 透 明 物 体 生 成 阴影 ， 这 可 以 通过 把 它们 的 
Fallback 设 置 为 VertexLit、Diffuse 这 些 不 透明 物体 使 用 的 Unity Shader， 这 样 Unity 束 会 在 它 的 
Fallback 找 到 一 个 阴影 投射 的 Pass。 然 后 ， 我 们 可 以 通过 物体 的 Mesh Renderer 组 件 上 的 Cast 
Shadows 和 Receive Shadows 选 项 来 控制 是 否 需 要 向 其 他 物体 投射 或 接收 阴影 。 图 9.28 显 示 了 把 
Fallback 设 为 VertexLit 并 开启 阴影 投射 和 接收 阴影 后 的 半 透 明 物 体 的 演 染 效果 。 


€ Came 
Free Aspect Mute audia | Stats | Gizmos ~ 


A 图 9.27 把 使 用 了 透明 度 混合 的 Unity Shader 的 Fallback 设 置 为 内 置 的 Transparent/VertexLit。 半 透明 物体 不 会 向 下 方 的 平面 投 
射 阴影 ， 也 不 会 接收 来 自 右 侧 平面 的 阴影 ， 它 看 起 来 就 像 是 完全 透明 一 样 


A 图 9.28 把 Fallback 设 为 VertexLit 来 强制 为 半 透 明 物 体 生 成 阴影 


可 以 看 出 ， 此 时 右 侧 平 面 的 阴影 投射 到 了 半 透 明 的 立方 体 上 ， 但 它 不 会 再 穿 透 立方 体 把 
看 上 ， 这 其 实 是 不 正确 的 。 同 时 ， 立 方 体 也 可 以 把 自身 的 阴影 投射 到 下 
和 的 平面 上 。 


9.5 “本 书 使 用 的 标准 Unity Shader 


到 了 实现 诺言 的 时 候 了 ! 我 们 在 之 前 的 实现 中 一 直 强 调 ， 这 些 代 
码 仅仅 古 为 了 阐述 Unity 中 的 各 种 光照 实现 原理 ， 由 于 缺少 一 些 光 照 计 
算 ， 因 此 不 可 以 直接 使 用 到 项 目 中 。 和 截止 到 本 和 ， 我 们 已 经 学 习 了 
Unity 中 所 有 的 基础 光照 计算 ， 如 多 光源 、 阴 影 和 光照 衰减 等 。 现 在 是 
时 候 把 它们 整合 到 一 起 来 实现 一 个 标准 光照 看 色 絮 了! 我 们 在 本 书 资 
源 的 Assets/ Shaders/Common 文 件 夹 下 提供 了 两 个 这 样 标 准 的 Unity 
Shader 一 BumpedDiffuse 和 BumpedSpecular。 这 两 个 Unity Shader 都 包 
含 了 对 法 线 纹理 、 多 光源 、 光 照 玛 减 和 阴影 的 相关 处理 ， 唯 一 不 同 的 
是 ，BumpedDiffuse 使 用 了 Phong 光 照 模型 ， 而 BumpedSpecular 使 用 了 
Blinn-Phong 光 照 模型 。 读 者 可 以 打开 这 两 个 文件 ， 此 时 可 以 发 现 里 面 
的 代码 都 是 我 们 学 习 过 的 。 我 们 使 用 这 两 个 Unity Shader 创 建 了 多 个 材 
质 (在 Assets/Material/Objects 和 Assets/Material/Walls 文 件 夹 下 ) ， 这 些 
材质 将 被 用 于 后 面 章 广 的 场景 搭建 中 。 读 者 可 以 参考 这 两 个 Unity 
Shader 来 实现 透明 版 本 的 Unity Shader 。 


第 10 章 ”高 级 纹理 


我 们 在 第 7 章 学 习 了 关于 基础 纹理 的 内 容 ， 这 些 纹理 包括 法 线 纹 
理 、 渐 变 纹 理 和 让 章 纹 理 等 。 这 些 纹理 尽管 用 处 不 同 ， 但 它们 都 属于 
低 维 (一 维 或 二 维 ) 纹理 。 在 本 章 中 ， 我 们 将 学 习 一 些 更 复杂 的 纹 
理 。 在 10.1 节 中 ， 我 们 会 学 习 如 何 使 用 立方 体 纹理 (Cubemap) 实现 
环境 映射 。 然 后 ， 我 们 会 在 10.2 和 介绍 一 类 特殊 的 纹理 泻 染 纹理 
(Render Texture) ， 我 们 会 发 现 演 染 纹理 是 多 么 的 强大 。 最 后 ，10.3 
节 将 介绍 程序 纹理 (Procedure Texture) 


10.1 ”立方 体 纹理 


在 图 形 学 中 ， 立 方 体 纹理 (Cubemap) 是 环境 映射 、(Environment Mapping) 的 一 种 实现 方法 。 
环境 映射 可 以 模拟 物体 周围 的 环境 ， 而 使 用 了 环境 映射 的 物体 可 以 看 起 来 像 镀 了 层 金 属 一 样 反 射出 周围 
的 环境 。 

和 之 前 见 到 的 纹理 不 同 ， 立 方 体 纹理 一 共 包 含 了 6 张 图 像 ， 这 些 图 像 对 应 了 一 个 立方 体 的 6 个 面 ， y 
方 体 纹理 的 名 称 也 由 此 而 来 。 立方体 的 每 个 面 表 示 沿 着 世界 空间 下 的 轴 向 (上 、 下 、 左 、 右 、 前 、 后 ) 
观察 所 得 的 图 像 。 那 么 ， 我 们 如 何 对 这 样 一 种 纹理 进行 采样 呢 ? 和 之 前 使 用 二 维 纹理 坐标 不 同 ， 对 立方 
体 纹理 采样 我 们 需要 提供 一 个 三 维 的 纹理 坐标 ， 这 个 三 维 纹理 坐标 表示 了 我 们 在 世界 空间 下 的 一 个 3D 方 
向 。 这 个 方向 矢量 从 立方 体 的 中 心 出 发 ， 当 它 向 外 部 延 人 时 就 会 和 立方 体 的 6 个 纹理 之 一 发 生 相 交 ， 而 
采样 得 到 的 结果 就 是 由 该 交点 计算 而 来 的 。 图 10.1 给 出 了 使 用 方向 矢量 对 立方 体 纹理 采样 的 过 程 。 


A 图 10.1 对 立方 体 纹理 的 采样 


使 用 立方 体 纹理 的 好 处 在 于 ， 它 的 实现 简单 快速 ， 得 到 的 效果 也 比较 好 。 但 它 也 有 一 些 缺 点 ， 
例如 当场 景 中 引入 了 新 的 物体 、 光 源 ， 或 者 物 栖 发 生 移动 时 我 们 就 需要 重新 生成 立方 体 纹理 。 除 此 之 
外 ， 立 方 体 纹理 也 仅 可 以 反射 环境 ， 但 不 能 反射 使 用 了 该 立方 体 纹理 的 物体 本 身 。 这 是 因为 ， 立 方 体 纹 
理 不 能 模拟 多 次 反射 的 结果 ， 例 如 两 个 金属 球 互相 反射 的 情况 (事实 上 ，Unity 5 引入 的 全 局 光照 系统 
许 实现 这 样 的 自 反射 效果 ， 详 见 第 18 章 ) 。 由 于 这 样 的 原因 ， 想 要 得 到 令 人 信服 的 泻 染 结果 ， 我 们 应 该 
尽量 对 是 面体 而 不 要 对 凹面 体 使 用 立方 体 纹理 《因为 凹面 体会 反射 自身 ) 。 


立方 体 纹理 在 实时 泻 染 中 有 很 多 应 用 
10.1.1 天空 盒子 


六 


的 是 用 于 天 空 盒子 (Skybox) 以 及 环境 映射 。 


天 空 盒子 (Skybox) 是 游戏 借 拟 背景 的 一 种 方法 。 天 空 盒子 这 个 名 字 包 含 了 两 个 信息 : 它 
是 是 用 来 模拟 大 空 的 《 0 门 仍 可 以 用 它 模拟 室内 等 背景 ) ， 它 是 一 个 盒子 。 当 我 们 在 场景 中 使 用 


了 天 空 盒 了 时 ， 整 个 场景 就 被 包围 在 一 个 立方 体内 。 这 个 立方 体 的 每 个 面 使 用 的 技术 就 是 立方 体 纹理 虹 
技术 。 


在 Unity 中 ， 想 要 使 用 天 空 盒子 非常 简单 。 我 们 只 需要 创建 一 个 Skybox 材 质 ， 再 把 它 赋 给 该 场景 的 相 
关 设 置 即 可 。 


我 们 首先 来 看 如 何 创建 一 个 Skybox 材 质 。 
(1) 新 建 一 个 材质 ， 在 本 书 资源 中 该 材质 名 为 SkyboxMat 。 


(2) 在 SkyboxMat 的 Unity Shader 下 拉 菜 单 


选择 Unity 自 带 的 Skybox/6 Sided， 该 材质 需要 6 张 纹 


HH 
3 
O 


[5 


(3) 使 用 本 书 资源 中 的 Assets/Textures/Chapter10/Cubemaps 文 件 夹 下 的 6 张 的 材质 赋 
值 ， 注 意 这 6 张 纹理 的 正确 位 置 (如 posz 纹 理 对 应 了 Front [+Z] 属性 ) 。 为 了 让 天 空 盒子 正常 泻 染 ， 我 们 
需要 把 这 6 张 纹理 的 Wrap Mode 设置 为 Clamp ， 以 防止 在 接 颖 处 出 现 不 匹配 的 现象 。 


上 壕 步 又 得 到 的 材质 如 图 10.2 所 示 。 


吧 SkyboxMat 如 
Shader | Skybox/6 Sided :| 
Tint Color 
Exposure 一 天 -一 1 | 


Rotation [@® 0 
Front [+Z] (HDR) 


Back [-Z] (HDR) 


Left [+X] (HDR) 


Right [-X] (HDR) 


Up [+Y] (HDR) 


Down [-Y] (HDR) 


SkyboxMat = 


A 图 10.2 天 空 盒子 材质 


上 面 的 材质 中 ， 除 了 6 张 纹理 属性 外 还 有 3 个 属性 : Tint Color ， 用 于 控制 该 材质 的 整体 颜色 ; 
Exposure ， 用 于 调整 天 空 盒子 的 亮度 ， Rotation ， 用 于 调整 天 空 盒子 沿 +y 轴 方向 的 旋转 角度 。 


下 面 ， 我 们 来 看 一 下 如 何 为 场景 添加 Skybox。 
(1) 新 建 一 个 场景 ， 在 本 书 资源 中 该 场景 名 为 Scene_10_1 1。 
(2) 在 Window ~” Lighting 菜 单 中 ， 把 SkyboxMat 赋 给 Skybox 选 项 ， 如 图 10.3 所 示 。 


为 了 让 摄像 机 正常 显示 天 空 盒 子 ， 我 们 还 需要 保证 泻 染 场景 的 摄像 机 的 Camera 组 件 中 的 Clear Flags 
被 设置 为 Skybox 。 这 样 ， 我 们 得 到 的 场景 如 图 10.4 所 示 。 
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革 Lighting 
和 
Er = 


Vv Environment Lighting 
Skybox 


o 
Sun ‘(None {Light) ] [o] 
Ambient Source [skybox 
Ambient Intensity 《一 0 下 -二 
Ambient GI 
Reflection Source | Skybox 
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A 图 10.3 为 场景 使 用 自 定义 的 天 空 盒子 


Mute audio | Stats | Gizmos ~ 


A 图 10.4 使 用 了 天 空 盒子 的 场景 


需要 说 明 的 是 ， 在 Window 一 Lighting -~ Skybox 中 设置 的 天 空 盒子 会 应 用 于 该 场景 中 的 所 有 摄像 
机 。 如 果 我 们 希望 某 些 摄像 机 可 以 使 用 不 同 的 天 空 盒子 ， 可 以 通过 向 该 摄像 机 添加 Skybox 
也 就 是 说 ， 我 们 可 以 在 摄像 机 上 单 击 Component -> Rendering 一 Skybox 来 完成 对 场景 
认 天 空 盒子 的 覆盖 


在 Unity 中 ， 天 空 盒子 是 在 所 有 不 透明 物体 之 后 泻 染 的 ， 而 其 背后 使 用 的 网 格 是 一 个 立方 体 或 一 个 色 


分 后 的 球体 。 
10.1.2 创建 用 于 环境 映射 的 立方 体 纹理 


A 盒子 ， 立 方 体 纹理 最 常见 的 用 处 是 用 于 环境 映射 。 通 过 这 种 方法 ， 我 们 可 以 模拟 出 金属 质 


在 Unity 5 中 ， 创 建 用 于 环境 映射 的 立方 体 纹理 的 方法 有 三 种 : 第 一 种 方法 是 直接 由 一 些 特殊 布局 的 
纹理 创建 ; 第 二 种 方法 是 手动 创建 一 个 Cubemap 资 源 ， 再 把 6 张 图 赋 给 它 ; 第 三 种 方法 是 由 脚本 生成 。 


如 果 使 用 第 一 种 方法 ， 我 们 需要 提供 一 张 具有 特殊 布局 的 纹理 ， 例 如 类 似 立方 体 展开 图 的 交叉 布 
局 、 全 景 布 局 等 。 然 后 ， 我 们 只 需要 把 该 纹理 的 Texture Type 设置 为 Cubemap 即 可 ，Unity 会 为 我 们 做 
好 剩 下 的 事情 。 在 基于 物理 的 泻 染 中 ， 我 们 通常 会 使 用 一 张 HDR 图 像 来 生成 高 质量 的 Cubemap 〈 详 见 第 
18 章 ) 。 读 者 可 在 官方 文档 (http://docs.unity3d.com/Manual/class-Cubemap.html ) 中 找到 更 多 的 资料 。 


可 


第 二 


种 方法 是 Unity 5 之 前 的 版 本 
后 把 6 张 纹理 拖 电 到 它 的 面板 中 。 在 Unity 5 


俩 用 的 方法 。 我 们 首先 需要 在 项 目 资源 中 创建 一 个 Cubemap ， 然 


方法 可 以 对 纹理 数据 进行 压缩 ， 


山 


前 面 两 种 方法 都 需要 我 们 提前 准 各 


物体 所 共用 的 。 但 在 理想 情况 下 ， 我 们 


纹理 。 这 时 ， 我 们 就 可 以 在 Unity 中 使 用 
Camera.RenderToCubemap 函数 来 实现 的 。Camera.RenderToCubemap 画 数 可 立 置 观察 到 的 
场景 图 像 存储 到 6 张 图 像 中 ， 从 而 创建 出 该 位 置 上 对 应 的 立方 体 纹理 。 


官方 推荐 使 用 第 一 种 方法 凶 


i 


建立 方 体 纹理 ， 这 是 因为 第 


可 以 支持 边缘 修 了 修正、 光滑 反射 (glossy reflection) 和 HDR 等 功 


好 立方 体 纹理 的 图 像 ， 它 们 得 到 的 立方 体 纹理 往往 是 被 场景 中 的 


上 


希望 根 和 


怪物 体 在 场景 中 位 置 的 不 同 ， + 自 不 同 的 立方 体 


脚本 来 


创建 。 这 是 通过 利用 Unity 提 供 日 


一 


在 Unity 的 脚本 手册 (http://docs.unity3d.com/ ScriptReference/Camera.RenderToCubemap.html ) 中 给 出 
了 如 何 使 用 Camera.RenderToCubemap 函 数 来 创建 立方 体 纹 理 的 代码 。 读 者 也 可 以 在 本 书 资源 的 


Assets/Editor/Chapter10/RenderCubemapWizard.cs 中 找到 相关 代码 。 其 中 关键 代码 如 下 : 


void On 


go 
// 


go. 
YX 


go. 


// 
Des 


} 


WizardCreate () { 


place it on the object 


// create temporary camera for rendering 
GameObject go = new GameObject( "CubemapCamera"); 
.AddComponent<Camera>(); 


transform.position = renderFromPosition.position; 


render into cubemap 


GetComponent<Camera>().RenderToCcubemap(cubemap ) ; 


destroy temporary camera 
troyImmediate( go ); 


在 


上面 的 代码 中 ， 我 们 在 renderFromPosition (由 用 户 指 定 ) 位 置 处 动态 创建 一 个 摄像 机 ， 并 调用 


Camera.RenderToCubemap 玉 数 把 从 当前 位 置 观察 到 的 图 像 泻 染 到 用 户 指定 的 立方 体 纹理 cubemap 中 ， 完 


成 后 再 
和 


(1) 
GameObject 的 位 置信 息 来 泻 染 立方 体 纹理 。 


) 新 建 一 个 用 于 存储 的 立方 体 纹理 


(2 


本 < 


当 准 备 好 上 述 代码 后 ， 要 创建 一 个 Cubemap 非 常 简单 。 


肖 山 临时 摄像 机 。 由 于 该 代码 需要 添加 菜单 栏 条 此 我 们 需要 把 它 放 在 Editor 文 件 夹 下 才能 
正确 执行 


l 


我 们 使 用 和 10.1. a 相同 的 场景 ， 


创建 一 个 空 的 GameObject 对 象 。 我 们 会 使 用 该 


EE (在 Project 视 图 下 单 击 右键 ， 选 择 Create ~ Legacy 一 


Cubemap 来 创建 ) 。 在 本 书 资源 中 ， 该 立方 体 纹理 名 为 Cubemap_0。 为 了 让 脚本 可 以 顺利 将 图 像 泻 染 到 


该 立方 体 纹理 中 ， 我 们 需要 在 它 的 面板 


方 体 纹理 


Render From Position 和 Cubemap 过 


(4) 


入选 Readable 选项 。 


(3) 从 Unity 菜 单 栏 选择 GameObject -> Render into Cubemap， 打 开 我 们 在 脚本 中 实现 的 用 于 泻 染 立 


Cubemap_0 中 ， 如 图 10.6 所 示 。 


单 击 窗口 中 的 Render! 按钮 ， 就 可 


的 窗口 把 第 1 步 中 创 建 的 GameObject 和 第 2 步 创建 的 Cubemap_0 分 别 拖 上 忠 到 窗口 中 的 
先 项 ， 如 图 10.5 所 示 。 
以 把 从 该 位 置 观察 到 的 世界 空间 下 的 6 张 图 像 泻 染 到 


去 Hierarchy 


Maximize on Play | Mute audio | Stats | Gizmos ~ 


Main Camera 
Directional Light 


加 RenderCubemapWizard © 
Render From Position 和 CameObject (Transforn| © 
Cubemap Cubemap_0 & 


| Render! J 


A 图 10.5 使 用 脚本 创建 立方 体 纹理 


@ Cubemap_0 总 ， 
LOpen 


和 图 10.6 使 用 脚本 泻 染 立 方 体 纹理 


需要 注意 的 是 ， 我 们 需要 为 Cubemap 设 置 大 小 ， 即 图 10.6 中 的 Face size 选项 。Face size 值 越 大 ， 演 染 
效果 可 能 更 好 ， 但 需要 占用 的 内 存 也 越 大 ， 这 可 以 由 面板 最 下 方 显 示 的 
年 大 小 得 到 。 


准备 好 了 需要 的 立方 体 纹理 后 ， 我 们 就 可 以 对 物体 使 用 环境 映射 技术 。 而 环境 映射 最 常见 的 应 用 就 
是 反射 和 折射 。 


10.1.3 反射 


后 ， 我 们 可 以 得 到 类 似 图 10.7 中 的 效果 。 


€ Game 
Free Aspect 


使 用 了 反日 
射 光 线 的 方向 和 表面 


效果 的 物体 通常 看 起 来 就 像 镀 了 层 金 属 。 想 要 模拟 反射 效果 很 简单 ， 我 们 只 需要 通过 入 
i 法 线 方向 来 计算 反射 方向 ， 再 利用 反射 方向 对 立方 体 纹理 采样 即 可 。 在 学 习 完 本 节 


A 图 10.7 使 用 了 反射 效果 的 Teapot 模 型 


为 此 ， 我 们 需要 做 如 下 准备 工作 。 


(1 
天 空 盒 [=) 


们 也 可 以 为 摄像 机 添加 


(2 


(3) 


模型 。 


(4) 


) 新 建 一 个 场景 ， 


在 本 书 资源 中 ， 该 场景 名 为 Scene_10_1 3。 我 们 替换 掉 Unity 5 中 场景 默认 的 


， 而 把 10.1.1 节 中 创建 的 天 空 盒 于 材质 淆 师 到 Window ”Lighting -~ Skybox 选 项 中 〈 当 然 ， 我 


Skybox 组 件 来 覆盖 默认 的 天 空 盒子 ) 


) 向 场景 中 拖 电 一 个 Teapot 模 型 ， 并 调整 它 的 位 置 和 10.1.2 节 中 创建 Cubemap_0 时 使 用 的 空 
GameObject 的 位 置 相同 。 


新 建 一 个 材质 ， 


在 本 书 资 源 中 ， 该 材质 名 为 ReflectionMat， 把 材质 赋 给 第 2 步 中 创建 的 Teapot 


新 建 一 个 Unity Shader， 在 本 书 资源 中 ， 该 Shader 名 为 Chapter10-Reflection。 把 Chapter10- 


Reflection 赋 给 第 3 步 中 创建 的 材质 。 
反射 的 实现 非常 简单 。 打 开 Chapter10-Reflection， 删 除 原 有 的 代码 ， 进 行 如 下 关键 修改 。 
(1) 首先 ， 我 们 声明 了 3 个 新 的 属性 : 


Properties { 
_Color ("Color Tint"， 
_ReflectColor ("Reflection Color", Color) = (1, 1, 1, 1) 
_ReflectAmount ("Reflect Amount", Range(0, 1)) = 1 
_Cubemap ("Reflection Cubemap", Cube) = "_Skybox" 人 


Color) = (1, 1, 1, 1) 


其 


1，_ReflectColor 用 


于 控制 反射 颜色 ，_ReflectAmount 用 于 控制 这 个 材质 的 反射 程度 ， 而 


_Cubemap 就 是 用 于 模拟 反射 的 环境 映射 纹理 。 


(2) 我 们 在 顶点 着 色 器 中 计算 了 该 顶点 处 的 反射 方向 ， 这 是 通过 使 用 CG 的 reflect 函数 来 实现 的 ; 


天 


v2f vert(a2v v) { 
v2f 0o; 


0.pos = mul(UNITY_MATRIX_MVP, v.vertex); 
oOo.worldNormal = UnityObjectToworldNormal(v.normal); 
oOo.worldPos = mul(_Object2Wworld, v.vertex).xyz; 
oO.worldViewDir = UnityworldSpaceViewDir(o.worldPos); 


// Compute the reflect dir in world space 
oOo.worldRef] = reflect(-o.worldViewDir, o.worldNormal); 


TRANSFER_SHADOW(o ) ， 


return o; 


物体 反射 到 摄像 机 中 的 光线 方向 ， 可 以 由 光路 可 逆 的 原则 来 反 向 求 得 。 也 就 是 说 ， 我 们 可 以 计 入 
划 方 向 关于 顶点 法 线 的 反射 方向 来 求 得 入 射 光线 的 方向 。 


3) 在 片 元 着 色 器 中 ， 利 用 反射 方向 来 对 立方 体 纹理 采 检 


tk 


fixed4 frag(v2f i) : SV_Target { 
fixed3 worldNormal = normalize(i.worldNormal); 
fixed3 worldLightDir = normalize(UnityworldSpaceLightDir(i.worldPos)); 
fixed3 worldViewDir = normalize(i.worldViewDir); 
fixed3 ambient = UNITY_LIGHTMODEL_ AMBIENT .xyz; 


fixed3 diffuse = _LightColorO.rgb * _Color.rgb * max(0, dot(worldNormal, worldLightDir)); 


// Use the reflect dir in world space to access the cubemap 
fixed3 reflection = texCUBE(_Cubemap, i.worldRefl).rgb * _ReflectColor.rgb; 


UNITY_LIGHT_ATTENUATION(atten, i, i.worldPos); 


// Mix the diffuse color with the reflected color 
fixed3 color = ambient + lerp(diffuse, reflection, _ReflectAmount) * atten; 


return fixed4(color, 1.0); 


对 立方 体 纹理 的 采样 需要 使 用 CG 的 texCUBE 函数 。 注 意 到 ， 在 上 面 的 计算 中 ， 我 们 在 采样 时 并 没 
有 对 i. worldRefl 进 行 归 一 化 操作 。 这 是 因为 ， 用 于 采样 的 参数 仅 又 是 作为 方向 变量 传递 给 texCUBE 夯 数 
的 ， 因 此 我 们 没有 必要 进行 一 次 归 一 化 的 操作 。 然 后 ， 我 们 使 用 _ReflectAmount 来 混合 漫 反 射 颜色 和 反 


射 颜色 ， 并 和 环境 光照 相 加 后 返回 。 


在 上 面 的 计算 中 ， 我 们 选 # 
计算 ， 这 样 得 到 的 效果 更 
于 性 能 方面 的 考虑 ， 我 们 选择 


对 在 顶点 着 色 器 中 计算 反射 方向 。 当 然 ， 我 们 也 本 站 选择 在 片 元 着 色 器 中 
卫 。 但 是 ， 对 于 绝 大 多 数 人 来 说 这 种 差别 往往 是 可 以 忽略 不 计 的 ， 因 此 出 
在 顶点 着 色 器 中 计算 反射 方向 。 


保存 后 返回 场景 ， 在 材质 面板 中 把 Cubemap_0 拖 电 到 Reflection Cubemap 属性 中 ， 并 调整 其 他 参 
数 ， 即 可 得 到 类 似 图 10.7 中 的 效果 。 


10.1.4 折射 


六 


在 这 一 节 中 ， 我 们 将 学 习 如 何在 Unity Shader 中 模拟 另 一 个 环境 映射 的 常见 应 用 一 折射 。 


折射 的 物理 原理 比 反 射 复杂 一 些 。 我 们 在 初中 物理 就 已 经 接触 过 折射 的 定义 : = i 质 
(例如 空气 斜 射 入 另 一 种 介质 (例如 玻璃 ) 时 ， 传 播 方向 一 般 会 发 生 改 变 。 当 给 定 入 射 角 我 们 可 
以 使 用 斯 涅 尔 定 律 (Snall's Law) 来 计算 反射 角 。 当 光 从 介质 1 沿 着 和 表面 法 线 夹 角 为 9 1 的 方向 全 射 入 
介质 2 时 ， 我 们 可 以 使 用 如 下 公式 计算 折射 光线 与 法 线 的 夹 角 6 , : 


11sin01=1>Ssin0， 


其 中 ，n ; 和 n , 分 别 是 两 个 介质 的 折射 率 (index of refraction) 。 折 射 率 是 一 项 重要 的 物理 常数 ， 
例如 真空 的 折射 率 是 1， 而 玻璃 的 折射 率 一 般 是 1.5。 图 10.8 给 出 了 这 些 变 量 之 间 的 关系 。 


通常 来 说 ， 当 得 到 折射 方向 后 我 们 就 会 直接 使 用 它 来 对 立方 体 纹理 进行 采样 ， 但 这 是 不 符合 物理 规 
律 的 。 对 一 个 透明 物体 来 说 ， 一 种 更 准 确 的 模拟 方法 需要 计算 两 次 折射 一 一 一 次 是 当 光 线 进 入 它 的 内 部 
时 ， 而 男 一 次 则 是 从 它 内 部 射出 时 。 但 是 ， 想 要 在 实时 演 染 中 模拟 出 第 二 次 折射 方向 是 比较 复杂 的 ， 而 
且 仅仅 模拟 一 次 得 到 的 效 从 视觉 上 看 起 来 也 挺 像 那 么 回 事 的 ”。 正 如 我 们 之 前 提 到 的 一 一 图 形 学 第 一 
准则 “如 果 它 看 起 来 是 对 的 ， 那 么 它 就 是 对 的 "。 因此， 在 实时 泻 染 中 我 们 通常 仅 模 拟 第 一 次 折射 。 


在 学 习 完 本 节 后 ， 我 们 可 以 得 到 类 似 图 10.9 中 的 效果 。 


折射 方向 


A 图 10.8 斯 涅 尔 定律 


Maximize on Play | Mute audio | Stats | Gizmos | ~ 


A 图 10.9 使 用 了 折射 效果 的 Teapot 模 型 
为 此 ， 我 们 需要 做 如 下 准备 工作 。 
(1) 新 建 一 个 场景 ， 在 本 书 资源 中 ， 该 场景 名 为 Scene_10_1_4。 我 们 蔡 换 掉 Unity 5 中 场景 默认 的 


天 空 盒子 ， 而 把 10.1.1 节 中 创建 的 天 空 盒子 材质 拖 上 忠 到 Window 一 Lighting -> Skybox 选项 中 (当然 ， 我 
们 也 可 以 为 摄像 机 添加 Skybox 组 件 来 覆盖 默认 的 天 空 盒子 ) 。 


(2) 向 场景 中 拖 虚 一 个 Teapot 模 型 ， 并 调整 它 的 位 置 。 


(3) 新 建 一 个 材质 ， 在 本 书 资源 中 ， 该 材质 名 为 RefractionMat， 把 材质 赋 给 第 2 步 中 创建 的 Teapot 


模型 。 


(4) 新 建 一 个 Unity Shader， 在 本 书 资源 中 ， 该 Shader 名 为 Chapter10-Refraction。 把 Chapter10- 
Refraction 赋 给 第 3 步 中 创建 的 材质 。 


折射 效果 的 实现 略微 复杂 一 些 。 打 开 Chapterl0-Refraction， 删 除 原 有 的 代码 ， 进 行 如 下 关键 修改 。 
(1) 首先 ， 我 们 声明 了 4 个 新 属性 ; 


Properties { 
_Color ("Color Tint", Color) = (1, 1, 1, 1) 
_RefractColor ("Refraction Color", Color) = (1, 1, 1, 1) 
_RefractAmount ("Refraction Amount", Range(0, 1)) = 1 
_RefractRatio ("Refraction Ratio", Range(0.1, 1)) = 0.5 
_Cubemap ("Refraction Cubemap", Cube) = "_Skybox" 0} 

} 


其 中 ，_RefractColor、_RefractAmount 和 _Cubemap 与 10.1.3 节 中 控制 反射 时 使 用 的 属性 类 似 。 除 此 之 
外 ， 我 们 还 使 用 了 一 个 属性 _RefractRatio， 我 们 需要 使 用 该 属性 得 到 不 同 介质 的 透射 比 ， 以 此 来 计算 折 
射 方向 。 


(2) 在 顶点 着 色 器 中 ， 计 算 折 射 方向 : 


v2f vert(a2v v) { 
v2f 0) 
0.pos = mul(UNITY_MATRIX_MVP, v.vertex); 
oOo.worldNormal = UnityObjectToworldNormal(v.normal); 
oOo.worldPos = mul(_Object2Wworld, v.vertex).xyz; 


oO.worldViewDir = UnityworldSpaceViewDir(o.worldPos); 


// Compute the refract dir in world space 
oOo.worldRefr = refract(-normalize(o.worldViewDir), normalize(o.worldNormal), _RefractRatio); 


TRANSFER_SHADOW( 0); 


return o; 


我 们 使 用 了 CG 的 refract 函数 来 计算 折射 方向 。 它 的 第 一 个 参数 即 为 入 射 光线 的 方向 ， 它 必须 是 归 
< 的 矢量 ;第 二 个 参数 是 表面 法 线 ， 法 线 方向 同样 需要 是 归 一 化 后 的 ; 第 王 个 参数 是 入 出 光线 所 在 
介质 的 折射 率 和 折射 光线 所 在 介质 的 折射 率 之 间 的 比值 ， 例 如 如 果 光 是 从 空气 射 到 玻璃 表面 ， 那 么 这 
参数 应 该 是 空气 的 折射 率 和 玻璃 的 折射 率 之 间 的 比值 ， 即 11.5。 它 的 返回 值 就 是 计 算 而 得 的 折射 方向 ， 
它 的 模 则 等 于 入 射 光线 的 模 。 


(3) 然后 ， 我 们 在 片 元 着 色 器 中 使 用 折射 方向 对 立方 体 纹理 进行 采样 : 


| 
or 


fixed4 frag(v2f i) : SV_Target { 
fixed3 worldNormal = normalize(i.worldNormal); 
fixed3 worldLightDir = normalize(UnityworldSpaceLightDir(i.worldPos)); 
fixed3 worldViewDir = normalize(i.worldViewDir); 
fixed3 ambient = UNITY_LIGHTMODEL AMBIENT .xyz; 
fixed3 diffuse = _LightColorO.rgb * _Color.rgb * max(0, dot(worldNormal, worldLightDir)); 


// Use the refract dir in world space to access the cubemap 
fixed3 refraction = texCUBE(_Cubemap, i.worldRefr).rgb * _RefractColor.rgb; 


UNITY_LIGHT_ATTENUATION(atten, i, i.worldPos); 


// Mix the diffuse color with the refract color 
fixed3 color = ambient + lerp(diffuse, refraction, _RefractAmount) * atten; 


return fixed4(color, 1.0); 


同样 ， 我 们 也 没有 对 i.worldRefr 进 行 归 一 化 操作 ， 因 为 对 立方 体 纹理 的 采样 只 需要 提供 方向 即 可 。 
最 后 ， 我 们 使 用 _RefractAmount 来 混合 漫 反 射 颜 色 和 折射 颜色 和 环境 光照 相 加 后 返回 。 


保存 后 返回 场景 ， 在 材质 面板 中 把 Cubemap_0 拖 虑 到 Reflection Cubemap 属性 中 ， 并 调整 其 他 参 
数 ， 即 可 得 到 类 似 图 10.9 中 的 效果 。 


10.1.5” 菲 涅 耳 反 射 


EE 


击 | 


在 实时 泻 染 中 ， 我 们 经 常会 使 用 菲 涅 耳 反 射 《Fresnel reflection) 来 根据 视角 方向 控制 反射 程度 。 
通俗 地 讲 ， 菲 涅 耳 反射 描述 了 一 种 光学 现象 ， 即 当 光 线 照射 到 物体 表面 上 时 ， 一 部 分 发 生 反 射 ， 一 部 分 
进入 物 本 内 部 ， 发 生 折 射 或 散射 。 被 反射 的 光 和 入 射 光 之 间 存在 一 定 的 比率 关系 ， 这 个 比率 关系 可 以 通 
过 菲 涅 耳 等 式 进行 计算 。 一 个 经 常 使 用 的 例子 是 ， 当 你 站 在 湖 边 ， 直 接 低头 看 脚 边 的 水 面 时 ， 你 会 发 现 
水 几乎 是 透明 的 ， 你 可 以 直接 看 到 水 底 的 小 鱼 和 石子 ， 但 是 ， 当 你 抬头 看 远 处 的 水 面 时 ， 会 发 现 几乎 看 


不 到 水 下 的 情景 ， 而 只 能 看 到 水 面 反 射 的 环境 。 这 就 是 所 请 的 菲 涅 耳 效 果 。 事 实 上 ， 不 仅仅 是 水 、 玻 璃 
这 样 的 反光 物体 具有 菲 涅 耳 效 果 ， 几 平 任何 物体 都 或 多 或 少 包含 了 菲 涅 耳 效 果 ， 这 是 基于 物理 的 泻 染 中 


非常 重要 的 一 项 高 光 反 射 计算 因子 ( 详 见 第 18 章 ) 。 读 者 可 以 在 John Hable 的 一 篇 非常 有 名 的 文章 
Everything Has Fresnel (http://filmicgames.com/archives/557 ) 中 看 到 现实 生活 中 各 种 物体 的 菲 涅 耳 效 


A 


那么 ， 我 们 如 何 计算 菲 诅 耳 反 射 呢 ? 这 就 需要 使 用 菲 涅 耳 等 式 。 真 实 世 界 的 菲 诠 耳 等 式 是 非常 复杂 
的 ， 但 在 实时 演 染 中 ， 我 们 通常 会 使 用 一 些 近 似 公式 来 计算 。 其 中 一 个 著名 的 近似 公式 就 是 Schlick 菲 涅 
耳 近似 等 式 : 


Fschick(V,n) = Fo +(1— Fo)(l—v.n)’ 


,三 0 是 一 个 反射 系数 ， 用 于 控制 菲 涅 耳 反 射 的 强度 ，v 是 视角 方向 ， 是 表面 法 线 。 另 一 
比较 广 泛 的 等 式 是 Empricial 


FEmpricia(v, 1) = max(0, min(1, bias + scale x (1 — vy .n)™®)) 


oo 


长 
SS 


其 中 ，bias 、scale 和 power 是 控制 项 。 


使 用 上 面 的 菲 涅 耳 近 似 党 陈 ， 我 们 可 以 在 边界 处 模拟 反射 光 强 和 折射 光 强 / 漫 反射 光 强 之 间 的 变化 。 
在 许多 车 漆 、 水 面 等 材质 的 泻 染 中 ， 我 们 会 经 常 使 用 菲 涅 耳 反 射 来 模拟 更 加 真实 的 反射 效果 。 


在 本 节 中 ， 我 们 将 使 用 Schlick 绯 涅 耳 近似 等 式 来 模拟 菲 涅 耳 反 射 。 在 本 节 最 后 ， 我 们 可 以 得 到 类 似 


图 10.10 中 的 效果 。 注 意图 中 在 模型 边界 处 的 反射 现象 。 
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A 图 10.10 ”使 用 了 菲 涅 耳 反 射 的 Teapot 模 型 
为 此 ， 我 们 需要 做 如 下 准备 工作 。 
(1) 新 建 一 个 场景 ， 在 本 书 资源 中 ， 该 场景 名 为 Scene_10_1_5。 我 们 替换 掉 Unity 5 中 场景 默认 的 
天 空 盒子 ， 而 把 10.1.1 节 中 创建 的 天 空 盒子 材质 拖 上 忠 到 Window 一 Lighting Skybox 选项 中 (当然 ， 我 
们 也 可 以 为 摄像 机 添加 Skybox 组 件 来 覆盖 默认 的 天 空 盒子 ) 。 


(2) 向 场景 中 拖 电 一 个 Teapot 模 型 ， 并 调整 它 的 位 置 。 


型 。 


赋 给 第 3 步 中 创建 的 材质 。 


(3) 新 建 一 个 材质 ， 在 本 书 资 源 中 ， 该 材质 名 为 FresnelMat， 把 材质 赋 给 第 2 步 中 创建 的 Teapot 模 


(4) 新 建 一 个 Unity Shader， 在 本 书 资源 中 ， 该 Shader 名 为 Chapter10-Fresnel。 把 Chapter10- Fresnel 


打开 Chapter10-Fresnel， 删 除 原 有 的 代码 ， 进 行 如 下 关键 修改 。 
(1) 首先 ， 我 们 在 Properties 语 义 东 调整 菲 涅 耳 反 射 的 属性 以 及 反射 使 用 的 


芝 


[9 


-HH 
到 

通 
站 


Cubemap : 


Properties { 


_Color ("Color Tint", Color) = (1, 1, 1, 1) 
_Fresnelscale ("Fresnel Scale", Range(0, 1)) = 0.5 


_Cubemap ("Reflection Cubemap", Cube) = "_Skybox" 人} 
1 
(2) 在 顶点 着 色 器 中 计算 世界 空间 下 的 法 线 方 向 、 视 角 方 向 和 反射 方向 : 
v2f vert(a2v v) { 
v2f 0) 
0.pos = mul(UNITY_MATRIX_MVP, v.vertex); 
oOo.worldNormal = mul(v.normal, (float3x3)_ World20bject); 
oOo.worldPos = mul(_Object2Wworld, v.vertex).xyz; 
oO.worldViewDir = UnityworldSpaceViewDir(o.worldPos); 
oOo.worldRef] = reflect(-o.worldViewDir, o.worldNormal); 
TRANSFER_SHADOW(o ) ， 
return o; 
由 


(3) 在 片 元 着 色 器 中 计算 菲 涅 耳 反 射 ， 并 使 用 结果 值 混合 漫 反 射 光 照 和 反射 光照 : 


fixed4 frag(v2f i) : SV_Target { 


fixed3 worldNormal = normalize(i.worldNormal); 

fixed3 worldLightDir = normalize(UnityworldSpaceLightDir(i.worldPos)); 
fixed3 worldViewDir = normalize(i.worldViewDir); 

fixed3 ambient = UNITY_LIGHTMODEL_ AMBIENT .xyz; 
UNITY_LIGHT_ATTENUATION(atten, i, i.worldPos); 


fixed3 reflection = texCUBE(_Cubemap, i.worldRefl).rgb; 


fixed fresnel = _FresnelScale + (1 - _FresnelScale) * pow(1 - dot(worldViewDir, worldNormal), 5)),; 


fixed3 diffuse = _LightColorO.rgb * _Color.rgb * max(0, dot(worldNormal, worldLightDir)); 
fixed3 color = ambient + lerp(diffuse, reflection, saturate(fresnel)) * atten; 


return fixed4(color, 1.0); 


r 


在 上 面 的 代码 中 ， 我 们 使 用 Schlick 菲 诅 耳 近 似 等 式 来 计算 fresnel 变 量 ， 并 使 用 它 来 混合 漫 反 射 光 照 
和 反射 光照 。 一 些 实现 也 会 直接 把 fresnel 和 反射 光照 相 乘 后 琶 加 到 漫 反 射 光 照 上 ， 模 拟 边缘 光照 的 效 


A ® 


保存 后 返回 场景 ， 在 材质 面板 中 把 Cubemap_0 拖 上 忠 到 Cubemap 属性 中 ， 并 调整 其 他 参数 ， 即 可 得 到 
类 似 图 10.10 中 的 效果 。 当 我 们 把 _FresnelScale 调 节 到 1 时 ， 物 体 将 完全 反射 Cubemap 中 的 图 像 ， 当 
_FresnelScale 为 0 时 ， 则 是 一 个 具有 边缘 光照 效果 的 漫 反 射 物体 。 我 们 还 会 在 15.2 节 中 使 用 菲 涅 耳 反 射 来 
混合 反射 和 折射 光照 ， 以 此 来 模拟 一 个 简单 的 水 面 效 果 。 


过 


10.2 ” 泻 染 纹理 


在 之 前 的 学 习 中 ， 一 个 摄像 机 的 泻 染 结果 会 输出 到 颜色 缓冲 ， 


北 


F 显 示 到 我 们 的 屏幕 上 。 现 代 的 


GPU 人 允许 我 们 把 整个 三 维 场景 泻 染 到 一 个 中 间 缓 冲 中 ， 即 泻 染 目标 纹理 (Render Target Texture， 
RTT) ， 而 不 是 传统 的 帧 缓冲 或 后 备 缓冲 (back buffer) 。 与 之 相关 的 是 多 重演 染 目 标 《Multiple 
， 这 种 技术 指 的 是 GPU 人 允许 我 们 把 场景 同时 泻 染 到 多 个 泻 染 目标 纹理 中 ， 而 不 


Render Target, MRT) 


再 需要 为 每 个 泻 染 目 标 纹理 单独 演 染 完整 的 场景 。 延 迟 演 染 束 是 使 用 多 重 泻 染 目标 的 一 个 应 用 。 


Unity 为 泻 染 目标 纹理 定 


用 ; 章 染 纹理 通常 有 两 种 方式 : 
目标 设置 成 该 泻 染 纹理 ， 


这 样 一 


一 张 和 屏 幕 分 辨 率 等 同 的 泻 > 
从 而 实现 各 种 


义 了 一 种 专门 的 纹理 类 型 一 一 演 染 纹理 (Render Texture) 。 在 Unity 中 例 
一 种 方式 是 在 Project 目 录 下 创建 一 个 泻 染 纹 理 ， 然 后 把 某 个 摄像 机 的 泻 染 


来 该 摄像 机 的 泻 染 结果 就 会 实时 更 新 到 深 染 纹理 中 ， 而 不 会 显示 在 屏 


FE。 使 用 这 种 方法 ， 我 们 还 可 以 选择 泻 染 纹理 的 分 辩 率 、 滤 波 模式 等 纹理 属性 。 另 一 种 方式 是 在 屏 
后 处 理 时 使 用 GrabPass 命 令 或 OnRenderImage 芳 数 来 获取 当前 屏幕 图 像 ，Unity 会 把 这 个 屏幕 图 像 放 到 


中 讲 到 ) 。 
10.2.1 ”镜子 效果 


将 包含 一 个 摄像 机 和 一 个 平行 光 ， 并 且 使 用 了 内 置 的 天 空 盒子 。 在 Window 一 Lighting -~ Skybox 中 去 掉 


染 纹 理 中 ， 下 面 我 们 可 以 在 自 定义 的 Pass 中 把 它们 当成 普通 的 纹理 来 处 理 ， 
屏幕 特效 。 我 们 将 依次 学 习 这 两 种 方法 在 Unity 中 的 实现 ( 


OnRenderImage 范 数 会 在 第 12 章 


在 本 节 中 ， 我 们 将 学 习 如 何 使 用 泻 染 纹理 来 模拟 镜子 效果 。 学 习 完 本 节 后 ， 我 们 可 以 得 到 类 似 图 
10.11 中 的 效果 。 
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图 10.11 镜子 效果 


为 此 ， 我 们 需要 做 如 下 准备 工作 。 


(1) 新 建 一 个 场景 。 


场景 


的 天 空 盒子 。 


(2) 新 建 一 个 材质 。 


在 本 : 


在 本 


资源 中 ， 该 场景 名 为 Scene_10_2_1。 在 Unity 5.2 中 ， 默 认 情 况 下 场景 


资源 中 ， 该 材质 名 为 MirrorMat 。 


(3) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Shader 名 为 Chapter10-Mirror 。 
2 步 中 创建 的 材质 。 


(4) 在 场景 中 创建 6 个 立方 体 ， 并 调整 它们 的 位 置 和 大 小 ， 使 得 它们 构成 围 


把 新 的 Shader 赋 给 第 


谨 着 摄像 机 的 房间 的 6 


面 墙 。 给 它们 赋予 在 9.5 节 中 创建 的 标准 材质 ， 并 让 它们 的 颜色 互 不 相同 。 向 场景 
调整 它们 的 位 置 ， 使 它们 可 以 照 亮 整个 房间 。 


5) 创建 3 个 球体 和 两 个 正方 体 ， 调 整 它们 的 位 置 和 大 小 ， 并 给 它们 赋予 在 9. 
质 。 这 些 物 体 将 作为 房间 内 的 饰品 。 


给 它 。 


7) 在 Project 视 图 下 创建 一 个 渲染 纹理 (右键 单 击 Create -> Render Texture) 
洽 染 纹理 名 为 MirrorTexture。 它 使 用 的 纹理 设置 如 图 10.12 右 图 所 示 。 


添加 3 个 点 光源 ， 并 


5 大 中 创建 的 标准 材 


6) 创建 一 个 四 边 形 (Quad) ， 调 整 它 的 位 置 和 大 小 ， 它 将 作为 镜子 。 把 第 2 步 中 创建 的 材质 赋 


， 在 本 书 资源 中 ， 该 


8) 最 后 ， 为 了 得 到 从 镜子 出 发 观察 到 的 场景 图 像 ， 我 们 还 需要 创建 一 个 摄像 机 ， 并 调整 它 的 位 


置 、 和 裁剪 平面 、 视 角 等 ， 使 得 它 的 显示 图 像 是 我 们 
在 屏幕 上 ， 而 是 用 于 演 染 到 纹理 。 因 此 ， ea 
Texture 上。 图 10.12 显 示 了 摄像 机 面板 和 泻 染 纹理 的 相关 设置 。 


| © Inspector BELUoghung 
Clear Flags Solid Color MirrorTexture 
Background | 2 固 

Culling Mask LEvenrthing 


Size 256 


希望 的 镜子 图 像 。 由 了 个 摄像 机 丰 需要 直接 显示 


到 该 摄像 机 的 Target 


Projection | Perspective 


Anti-Aliasing | 2 samples 


Field of View 


Color Format | ARCB32 


Clipping Planes Depth Buffer | 24 bit depth 


Wrap Mode | Camp 


Filter Mode | Bilinear 


Aniso Level 


Rendering Path | Use Player Settings 
Target Texture ‘sm* MirrorTexture 
Occlusion Culling ”加 
HDR 日 


门 RenderTextures with depth must have an Aniso Level of 
~ 0. 


图 10.12 ” 左 图 : 把 摄像 机 的 Target Texture 设 置 成 自 定义 的 泻 染 纹理 。 右 图 : 泻 染 纹理 使 用 的 


纹理 设置 


镜子 实现 的 原理 很 简单 ， 它 使 用 一 个 渲染 纹理 作为 输入 属性 ， 并 把 该 泻 染 纹理 在 水 平方 向 上 翻转 


后 直接 显示 到 物体 上 即 可 。 打 开 新 建 的 Chapter10-Mirror， 删 除 所 有 已 有 代码 ， 并 进行 如 下 关键 修改 。 


(1) 在 Properties 语 义 块 中 声明 一 个 纹理 属性 ， 它 对 应 了 由 镜子 摄像 机 泻 染 得 到 的 泻 染 纹理 : 


Properties { 


_MainTex ("Main Tex", 2D) = "white" {} 
} 


(2) 在 顶点 着 色 器 中 计算 纹理 坐标 : 


v2f vert(a2v v) { 
v2f 0; 
0.pos = mul(UNITY_MATRIX_MVP, Vv.vertex); 


O.UV = Vv.texcoord; 
// Mirror needs to filp x 


O.UV.X=1- oO.UuVv.x; 
return o; 
上 
在 上 面 的 代码 中 ， 我 们 翻转 了 x 分 量 的 纹理 坐标 。 这 是 因为 ， 镜 子 里 显示 的 图 像 都 是 左右 相反 的 。 
(3) 在 片 元 着 色 器 中 对 演 染 纹理 进行 采样 和 输出 : 
fixed4 frag(v2f i) : SV_Target { 


} 


return tex2D(_MainTex, i.uv); 


保存 后 返 


回 场景 ， 


i 


图 10.11 


在 上 面 


的 戏 


= 


把 我 们 创建 的 MirrorTexture 演 


HF 
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10.2.2 ”玻璃 效果 


在 U 
GrabPass ° 


nity 


MI 


我 们 i 


a 


门 可 以 使 
能 ， 我 们 应 当 


染 纹 理 的 分 罚 


# 率 大 小 设置 为 256x256 。 有 时 ， 


更 高 的 分 辩 率 或 更 多 的 搞 锯 闪 


这 样 


染 纹 理 拖 虑 到 材质 的 Main Tex 


的 分 


[E: 


| 这 


lu 


na . 


三 


， 就 


可 以 得 


多 | 


像 模 


采 检 ee 
l 


车 。 但 需要 注 


尽量 使 


较 小 的 分 


还 可 上 L 


在 Unity Shader 


日 


使 


定义 了 一 个 GrabPass 后 ， 


你 门 
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纹理 坐标 1 


为 Scene_10_ 2 2。 在 Unity 5.2 
了 内 置 的 天 空 盒子 。 


为 GlassRefractionMat 。 


我 们 构建 了 


高 移 后 ， 


， 默 认 情 况 下 场景 


在 Window 一 Lighting ~ Skybox 


该 Shader 名 为 Chapter10-GlassRefraction 。 才 


去 掉 


巴 新 的 Unity 


其 中 球体 位 于 
本 。 
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Li 
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面 墙 


EF 立方体 内部， 这 是 为 了 模 # 


围 成 的 封闭 
以 玻璃 对 内 


(5) 为 了 得 到 本 场景 适用 的 环境 映射 纹理 ， 我 们 使 用 了 10.1.2 节 中 实现 的 创建 立方 体 纹理 的 脚本 
(通过 Gameobject ~ Render into Cubemap 打 开 编 辑 窗口 ) 来 创建 它 ， 如 图 10.14 所 示 。 在 本 书 资源 中 ， 
该 Cubemap 名 为 Glass_Cubemap。 


A 图 10.13 ”玻璃 效果 


@ Glass_Cubemap 


Glass_Cubemap 
256x256 ARGB 32 bit 1.5 MB 


和 A 图 10.14 本 例 使 用 的 立方 体 纹理 


完成 准 


殉 


工作 后 ， 打 开 Chapter10-GlassRefraction， 对 它 进行 如 下 关键 修改 。 
们 需要 声明 该 Shader 使 用 的 各 个 属性 : 


> 
”> 
< 
hy 
六 让 
过 
一 ~ 


Properties { 

MainTex ("Main Tex", 2D) = "white" {} 

BumpMap ("Normal Map", 2D) = "bump" 人 

Cubemap ("Environment Cubemap", Cube) = "_Skybox" {} 
Distortion ("Distortion", Range(0, 100)) = 10 
RefractAmount ("Refract Amount", Range(0.0, 1.0)) = 1.0 


Cubemap 是 ] 于 模拟 反射 的 环境 纹理 ，_Distortion 则 用 于 控制 模拟 折射 时 图 像 的 扭曲 程度 ; 
_RefractAmount 用 于 控制 折射 程度 ， 当 _RefractAmount 值 为 0 时 ， 该 玻璃 只 包含 反射 效果 ， 当 
_RefractAmount 值 为 1 时 ， 该 玻璃 只 包括 折射 效果 。 


(2) 定义 相应 的 泻 染 队列 ， 并 使 用 GrabPass 来 获取 屏幕 图 像 : 


人 0 默认 为 白色 纹理 ，_BumpMap 是 玻璃 的 法 线 纹理 ; 


SubShader { 
// We must be transparent, so other objects are drawn before this one. 
Tags { "Queue"="Transparent" "RenderType"="Opaque" } 


// This pass grabs the screen behind the object into a texture. 
// We can access the result in the next pass as _RefractionTex 
GrabPass { "_RefractionTex" } 


我 们 首先 在 SubShader 的 标签 中 将 泻 染 队 列 设置 成 Transparent， 尽 管 在 后 面 的 RenderType 被 设置 为 


了 Opaque。 这 两 者 看 似 矛 盾 ， 但 实际 上 服务 于 不 同 的 需求 。 我 们 在 之 前 说 过 ， 把 Queue 设 置 成 


Transparent 可 以 确保 该 物体 泻 染 时 ， 其 他 所 有 不 透 e 


物体 都 已 经 被 泻 染 到 屏幕 上 上 了， 否则 就 


确 得 到 * 透 过 玻璃 看 到 的 图 像 ”。 而 设置 RenderType 则 是 为 了 在 使 用 着 色 器 替换 (Shader Replacement) 


可 能 无 法 正 


时 ， 该 物体 可 以 在 需要 时 被 正确 
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二 < 


随后 ， 我 们 通过 关键 词 GrabPass 定 义 了 一 个 抓 取 屏 幕 图 像 的 Pass。 在 这 个 Pass 
符 串 ， 该 字符 串 内 部 的 名 称 决定 了 抓 取得 到 的 屏幕 图 像 将 会 被 存 入 哪个 纹理 中 。 实 际 上 


一 


染 。 这 通常 发 生 在 我 们 需要 得 到 摄像 机 的 深度 和 法 线 纹理 时 ， 这 将 


我 们 定义 了 一 个 字 
， 我 们 可 以 省 


略 声 明 该 字 符 串 ， 但 直接 声明 纹理 名 称 的 方法 往往 可 以 得 到 更 高 的 性 能 ， 具 体 原 因 可 以 参见 


的 部 分 


本 市 最 后 


(3) 定义 泻 染 玻璃 所 需 的 Pass。 为 了 在 Shader 中 访问 各 个 属性 ， 我 们 首先 需要 定义 它们 对 应 的 变 


sampler2D _MainTex; 

float4 MainTex_ST; 

sampler2D _BumpMap; 

float4 _BumpMap_ST; 

samplerCUBE _Cubemap; 

float _Distortion; 

fixed _RefractAmount; 

sampler2D _RefractionTex; 

float4 _RefractionTex_TexelSize,; 


需要 注意 的 是 ， 我 们 还 定义 了 _RefractionTex 和 _RefractionTex_TexelSize 变 量 ， 这 对 应 了 在 使 用 


GrabPass 时 指定 的 纹理 名 称 。_RefractionTex_TexelSize 可 以 让 我 们 得 到 该 纹理 的 纹 素 大 小 ， 例 如 一 个 大 


0 它 的 纹 素 大 小 为 (1/256, /512)。 我 们 需要 在 对 屏幕 图 像 的 采样 坐标 进行 人 
 ] 妥 
(4) 我 们 首先 需要 定义 顶点 着 色 器 : 


v2f vert (a2v v) { 
v2f 0; 
0.pos = mul(UNITY_MATRIX_MVP, Vv.vertex); 


oO.scrPos = ComputeGrabscreenpPos(o.pos); 


TRANSFORM_TEX(vVv.texcoord, _MainTex); 
TRANSFORM_TEX(V.texcoord，_BumpMap ) ， 


O.UV.Xy = 
O.UV.ZW = 
float3 worldPos = mul(_Object2Wworld, v.vertex).xyz; 

fixed3 worldNormal = UnityObjectToworldNormal(v.normal); 

fixed3 worldTangent = UnityObjectToworldDir(v.tangent.xyz); 

fixed3 worldBinormal = cross(worldNormal, worldTangent) * v.tangent.w; 


oOo.Ttowo = float4(worldTangent.x, worldBinormal.x, worldNormal.x, worldPos.x); 
oO.Ttow1 = float4(worldTangent.y, worldBinormal.y, worldNormal.y, worldPos.y); 
oO.Ttow2 = float4(worldTangent.z, worldBinormal.z, worldNormal.z, worldPos.z); 
return o; 


i 移 时 使 


在 进行 了 必要 的 顶点 坐标 变 换 后 ， 我 们 通过 调用 内 置 的 ComputeGrabScreenPos 函 数 来 得 到 对 
取 的 屏幕 图 像 的 采样 坐标 。 读 者 可 以 在 UnityCG， cginc 文 件 找到 它 的 声明 ， 它 的 主要 代码 和 


应 被 抓 


里 


区 和 zw 分 中 。 由 于 我 们 需要 在 片 元 着 色 器 中 把 法 线 方向 从 切线 空间 〈 ee 


ComputeScreenPos 基 本 类 似 ， 最 大 的 不 同 是 针对 平台 差异 造成 的 采样 坐标 问题 〈 详 见 5.6.1 节 ) 进行 了 处 
理 。 接 着 ， 我 们 计算 了 _MainTex 和 _BumpMap 的 采样 坐标 ， 并 把 它们 分 别 存 储 在 一 个 float4 类 型 
到 ) 变换 到 


变量 的 


间 到 世界 空 


空间 以 便 对 Cubemap 进 行 采样 ， 因 此 ， 我 们 需要 在 这 里 计算 该 顶点 对 应 的 从 切线 空 


里 面 使 


用 的 


变换 矩阵 ， 并 把 该 矩阵 的 每 一 行 分 别 存储 在 TtoW0 、 Tow1 科 Tow2 vz 外 量 中 。 这 


ar 


司 下 的 表示 ， 
空间 下 的 顶点 坐标 。 


5) 然后 ， 定 义 片 元 着 色 器 : 


fixed4 frag (v2f i) : SV_Target { 
float3 worldPos = float3(i.TtowO.w, i.Ttowi1.w, i.TtoWw2.w); 
fixed3 worldViewDir = normalize(UnityworldSpaceViewDir (worldPos)); 


// Get the normal in tangent space 
fixed3 bump = UnpackNormal(tex2D(_BumpMap, i,.uv.zw)); 


// Compute the offset in tangent space 

float2 offset = bump.xy * _Distortion * _RefractionTex_TexelSize.xy; 
i.scrPos.xy = offset + i,.scrPos.xy; 

fixed3 refrCol = tex2D(_RefractionTex, i,scrPos.xy/i.scrPos.w).rgb; 

// Convert the normal to world space 

fixed3 reflDir = reflect(-worldViewDir, bump); 

fixed4 texColor = tex2D(_MainTex, i.uv.xy); 

fixed3 reflCol = texCUBE(_Cubemap, reflDir).rgb * texColor.rgb; 

fixed3 finalColor = reflCol * (1 - _RefractAmount) + refrCol * _RefractAmount; 


return fixed4(finalColor, 1); 


站 的 变 

数学 方法 就 是 、 得 到 切线 空间 下 的 3 个 坐标 轴 (xyz 轴 分 别 对 应 了 副 切 线 、 切 线 和 法 线 的 方向 ) 
全 它们 依次 按 列 组 成 一 个 变换 矩阵 即 可 。TtoW0 等 值 的 w 轴 同样 被 利用 起 
者 世 


bump = normalize(half3(dot(i,.TtoWwo.xyz, bump), dot(i.Ttow1.xyz, bump), dot(i,.Ttow2.xyz, 


bump))); 


r 


我 们 首先 通过 TtoW0 等 变量 的 w 分 量 得 到 世界 坐标 ， 该 值得 到 该 片 元 对 应 的 视角 方向 。 随 后 

我 们 对 法 线 纹理 进行 采样 ， 得 到 切线 空间 下 的 法 线 方向 。 我 们 使 用 该 值 和 _Distortion 属 性 以 及 
_RefractionTex_TexelSize 来 对 屏幕 图 像 的 采样 坐标 进行 偏 移 ， 模 拟 折射 效果 。_Distortion 值 越 大 ， 偏 移 
量 越 大 ， 玻 璃 背后 的 物体 看 起 来 变形 程度 越 大 。 在 这 里 ， 我 们 选择 使 线 空间 下 的 法 线 方向 来 进行 
扁 移 ， 是 因为 该 空间 下 的 法 线 可 以 反映 顶点 局 部 空 间 下 的 法 线 方向 随后 ， 我 们 对 scrPos 透 视 除 法 得 到 
真正 的 屏幕 坐标 (原理 可 参见 4.9.3 节 ) ， 再 使 用 该 坐标 对 抓 取 的 屏幕 图 像 RefractionTex 进 行 采样 ， 得 
到 模拟 的 折射 颜色 。 


之 后 ， 我 们 把 法 线 方 占 从 切线 空 间 变 换 到 了 世界 空间 下 (使 用 变换 矩阵 的 每 一 行 ， 即 TtowW0、 
TtoW1 和 TtoW2， 分 别 和 法 线 方向 点 乘 ， 构 成 新 的 法 线 方向 ) ， 并 据 此 得 到 视角 方向 相对 于 法 线 方向 的 
反射 方向 。 随 后 ， 使 用 反射 方向 对 Cubemap 进 行 采 样 ， 并 把 结果 和 主 纹理 颜色 相 乘 后 得 到 反射 颜色 。 


最 后 ， 我 们 使 用 _RefractAmount 属 性 对 反射 和 折射 颜色 进行 混合 ， 作 为 最 终 的 输出 颜色 。 

完成 后 ， 我 们 把 本 书 资源 中 的 Glass _Diffuse.jpg 和 Glass_ Normal.jpg 文 件 赋 给 材质 的 Main Tex 和 
Normal Map 属 性 ， 把 之 前 创建 的 Glass_Cubemap 赋 给 Environment Cubemap 属 性 ， 再 调整 _RefractAmount 
届 性 即 可 得 到 类 似 图 10.13 中 的 玻璃 效果 。 


在 前 面 的 实现 中 ， 我 们 在 GrabPass 中 使 用 一 个 字符 串 指 明了 被 抓 取 的 屏幕 图 像 将 会 存储 在 哪个 名 称 
的 纹理 中 。 实 际 上 ， 0 支持 两 种 形式 。 


/得 
TE 


tr 


| 


二 用 GrabPass{ }， 然 后 在 后 续 的 Pass 中 直接 使 用 _GrabTexture 来 访问 屏幕 图 像 。 但 是 ， 当 场景 
多 个 物体 都 使 用 了 这 样 的 形式 来 抓 取 屏幕 时 ， 这 种 方法 的 性 能 消耗 比较 大 ， 因 为 对 于 每 一 个 
使 用 它 的 物体 ， Unity 都 会 为 官 单独 进行 一 次 昂贵 的 屏幕 抓 取 操作 。 但 这 种 方法 可 以 让 每 个 物体 得 
司 
GT 


的 屏幕 图 像 ， 这 取决 于 它们 的 演 染 队列 及 演 染 它们 时 当前 的 屏幕 缓冲 中 的 颜色 。 
jGrabPass { "TextureName" }， 正 如 本 节 中 的 实现 ， 我 们 可 以 在 后 续 的 Pass 中 使 用 TextureName 
来 访问 屏幕 图 像 。 使 用 这 种 方法 同样 可 以 抓 取 屏 幕 ， 但 Unity 只 会 在 每 一 帧 时 为 第 一 个 使 用 名 为 
TextureName 的 纹理 的 物体 执行 一 次 抓 取 屏 幕 的 操作 ， 而 这 个 纹理 同样 可 以 在 其 他 Pass 中 被 访问 。 

这 种 方法 更 高 效 ， 因 为 不 管 场 景 中 有 多 少 物 体 使 用 了 该 命令 ， 帧 中 Unity 都 只 会 执行 一 次 抓 取 
工作 ， 但 这 也 意味 着 所 有 物体 都 会 使 用 同一 张 屏幕 图 像 。 不 过 ， 在 大 多 数 情 况 下 这 已 经 足够 了 。 


10.2.3 ” 浑 染 纹理 vs. GrabPass 


尽管 GrabPass 和 10.2.1 节 中 使 用 的 泻 染 纹理 + 额外 摄像 机 的 方式 都 可 以 抓 取 屏幕 图 像 ， 但 它们 之 间 
还 是 有 一 些 不 同 的 。GrabPass 的 好 处 在 于 实现 简单 ， 我 们 只 需要 在 Shader 中 写 儿 行 代码 就 可 以 实现 抓 取 
屏幕 的 目的 。 而 要 使 用 浑 染 纹理 的 话 ， 我 们 首先 需要 创建 一 个 演 染 纹理 和 一 个 额外 的 摄像 机 ， 再 把 该 

摄像 机 的 Render Target 设 置 为 新 建 的 泻 染 纹 理 对 象 ， 最 后 把 该 泻 染 纹 理 传 递 给 相应 的 Shader 。 


但 从 效率 上 来 讲 ， 使 用 泻 染 纹 理 的 效率 往往 要 好 于 GrabPass， 尤 其 在 移动 设备 上 。 使 用 泻 染 纹理 我 
们 可 以 自 定 义演 染 纹理 的 大 小 ， 尽 管 这 种 方法 需要 把 部 分 场景 再 次 泻 染 一 遍 ， 但 我 们 可 以 通过 调整 摄 
像 机 的 泻 染 层 来 减少 二 次 浑 染 时 的 场景 大 小 ， 或 使 用 其 他 方法 来 控制 摄像 机 是 否 需要 开启 。 而 使 用 
GrabPass 获 取 到 的 图 像 分 辨 率 和 显示 屏幕 是 一 致 的 ， 这 意味 着 在 一 些 高 分 辨 率 的 设备 上 可 能 会 

的 带宽 影响 。 而 且 在 移动 设备 上 ，GrabPass 虽 然 不 会 重新 泻 染 场景 ， 但 它 往往 需要 CPU 直 接 i 
冲 (back buffer) 中 的 数据 ， 破 坏 了 CPU 和 GPU 之 间 的 并 行 性 ， 这 是 比较 耗 时 的 ， 甚 至 在 些 移动 设 
上 这 是 不 文 持 的 。 


在 Unity 5 中 ，Unity 引 入 了 命令 缓冲 (Command Buffers) 来 介 许 我 们 扩展 Unity 的 渲染 流水 线 。 
使 用 命令 缓冲 我 们 也 可 以 得 到 类 似 抓 屏 的 效果 ， 它 可 以 在 不 透明 物体 泻 染 后 把 当前 的 图 像 复 制 到 一 个 
临时 的 浑 染 目标 纹理 中 ， 然 后 在 那里 进行 一 些 额 外 的 操作 ， 例 如 模糊 等 ， 最 后 把 图 像 专递 给 需要 使 E 
它 的 物体 进行 处 理 和 显示 。 除 此 之 外 ， 命 令 缓冲 还 允许 我 们 实现 很 多 特殊 的 效果 ， 读 者 可 以 在 Unity 官 


还 亡 
了 
了 可 
水 


O 


手册 的 图 像 命令 缓冲 一 文 (http://docs.unity3d.com/Manual/Graphics CommandBuffers.html ) 
N 容 ，Unity 还 提供 了 一 个 示例 工程 供 我 们 学 习 。 


找到 更 


10.3 ”程序 纹理 


程序 纹理 (Procedural Texture) 指 的 是 那些 由 计算 机 生成 的 图 像 ， 我 们 通常 使 用 一 


法 来 创建 个 性 化 图 案 或 非常 真实 的 自然 元 素 ， 例 如 木头 、 石 子 等 。 使 用 程序 纹理 的 好 处 在 于 我 们 可 以 


些 特定 的 算 


使 用 各 种 参数 来 控制 纹理 的 外 观 ， 而 这 些 属性 不 仅仅 是 那些 颜色 属性 ， 甚 至 可 以 是 完全 不 同类 型 的 图 


案 属性 ， 这 使 得 我 们 可 以 得 到 更 加 丰富 的 动画 和 视觉 效果 。 在 本 节 中 ， 我 们 首先 会 尝试 用 算法 来 实现 


个 非常 简单 的 程序 材质 。 然 后 ， 我 们 会 介绍 Unity 里 一 类 专门 使 用 程序 纹理 的 材质 


10.3.1 在 Unity 中 实现 简单 的 程序 纹理 


此 


在 这 一 节 里 ， 我 们 会 使 用 一 个 算法 来 生 


整 一 些 参数 ， 如 背景 颜色 、 波 点 颜色 等 ， 以 控制 最 终生 成 的 纹理 外 观 。 


为 此 ， 我 们 需要 进行 如 下 准备 工作 。 


IG| 国 Procedural Texture Generation (Sc 办 
Script 

Material 

Texture Width 

Background Color 

Circle Color 

Blur Factor 


ProceduralTextureMat (Instance 亲 
Shader | Unity Shaders Book/Chapter7/Sin® | 


A 图 10.15 脚本 生成 的 程序 纹理 


程序 材质 。 


成 一 个 波 点 纹理 ， 如 图 10.15 所 示 。 我 们 可 以 在 脚本 中 调 


(1) 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 Scene_10_3_1。 在 Unity 5.2 中 ， 默 认 情 况 下 场 


景 将 包含 一 个 摄像 机 和 一 个 平行 光 ， 使 用 了 内 置 的 天 空 盒子 。 在 Window -~ Lighting -> Skybox 中 


去 掉 场 景 中 的 天 空 盒子 。 


(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 ProceduralTextureMat 。 
Chapter7-SingleTexture， 把 它 赋 给 第 2 步 中 创建 的 材 


(3) 我 们 使 用 第 7 章 的 一 个 Unity Shader 


(4) 新 建 一 个 立方 体 ， 并 把 第 2 步 中 的 材质 赋 给 它 


(5) 我 们 并 没有 为 ProceduralTextureMat 材 质 赋予 任何 纹理 ， 这 是 因为 ， 我 们 想 要 


脚本 来 创建 


程序 纹理 。 为 此 ， 我 们 再 创建 一 个 脚本 ProceduralTextureGeneration.cs， 并 把 它 拖 虑 到 第 4 步 创 建 的 立 


方 体 。 


在 本 市 中 ， 我 们 将 会 使 用 代码 来 生成 一 个 波 点 纹理 。 为 此 ， 我 们 打开 


ProceduralTextureGeneration.cs， 进 行 如 下 修改 。 


(1) 为 了 让 该 脚本 能 够 在 编辑 器 模式 下 运行 ， 我 们 首先 在 类 的 开头 添加 如 下 代码 : 


[ExecuteInEditMode] 
public class ProceduralTextureGeneration : MonoBehaviour { 


(2) 声明 一 个 材质 ， 这 个 材质 将 使 用 该 脚本 中 生成 的 程序 纹理 : 


public Material material = null; 


(3) 然后 ， 声 明 该 程序 纹理 使 用 的 各 种 参数 : 


#region Material properties 
[SerializeField, SetProperty("texturewidth")] 
private int m texturewidth = 512; 
public int texturewidth { 
get { 
return m texturewidth; 
} 


set { 
m_texturewidth = value; 
_UpdateMaterial(); 


} 


[SerializeField, SetProperty("backgroundCcolor")] 
private Color m backgroundColor = Color .white,; 
public Color backgroundColor { 
get { 
return m_backgroundcolor ， 


} 

set { 
m_backgroundColor = value; 
_UpdateMaterial(); 

} 


} 


[SerializeField, SetProperty("circleColor")] 
private Color m circleColor = Color.yellow; 
public Color circleColor { 
get { 
return m_ circleColor; 


} 

set { 
m_circleColor = value; 
_UpdateMaterial(); 

. 


} 


[SerializeField, SetProperty("blurFactor")] 
private float m blurFactor = 2.0f; 
public float blurFactor { 
get { 
return m_blurFactor ， 
} 


set { 
m_blurFactor = value; 
_UpdateMaterial(); 


#endregion 


#region 和 #endregion 仅仅 是 为 了 组 织 代码 ， 并 没有 其 他 作用 。 由 于 我 们 生成 的 纹理 是 由 若干 区 
点 构成 的 ， 因 此 在 上 面 的 代码 中 ， 我 们 声明 了 4 个 纹理 属性 : 纹理 的 大 小 ， 数 值 通常 是 2 的 整数 宕 ; 
理 的 背景 颜色 ;， 圆 点 的 颜色 ; 模糊 因子 ， 这 个 参数 是 用 来 模糊 圆 形 边界 的 。 注 意 到 ， 刘 于 每 个 
们 使 用 了 getset 的 方法 ， 为 了 在 面板 上 修改 属性 时 仍 可 以 执行 set 函 数 ， 我 们 使 用 个 开源 插件 
SetProperty (https://github. com/LMNRY/SetProperty/blob/master/Scripts/SetPropertyExample. cs ) 。 这 使 
得 当 我 们 修改 了 材质 属性 时 ， 可 以 执行 _UpdateMaterial 了 范 数 来 使 用 新 的 属性 重新 生成 程序 纹理 。 


[= 


) 为 了 保存 生成 的 程序 纹理 ， 我 们 声明 一 个 Texture2D 类 型 的 纹理 变量 ; 


四 


private Texture2D m_generatedTexture = null; 


下 开始 编写 各 个 画 数 。 首 先 ， 我 们 需要 在 Start 函 数 中 进行 相应 的 检查 ， 以 得 到 需要 使 用 
9 材质 : 


(5) 
该 程序 纹理 


| 
Tr | 
LT 


void Start () { 
if (material == null) { 
Renderer renderer = gameObject.GetComponent<Renderer>(); 


if (renderer == null) { 
Debug.Logwarning("Cannot find a renderer."); 
return; 

} 


material = renderer.sharedMaterial; 


} 


_UpdateMaterial(); 


在 上 面 的 代码 里 我 们 首先 检查 查 了 material 变 量 是 否 为 室 ， 如 果 为 裤 ， 就 尝试 从 使 用 该 脚本 所 在 


LU 


的 物体 上 得 到 相应 的 材 质 。 完 成 后 ， 调 用 _UpdateMaterial 画 数 来 为 其 生 成 程序 纹理 o 
(6) _UpdateMtaterial 函 数 的 代码 如 下 : 


private void UpdateMaterial() { 
If (material != null) { 
m_generatedTexture = _GeneratepProceduralTexture(); 
material.SetTexture("_ MainTex", m_generatedTexture); 


} 
} 
它 确保 material 不 为 空 ， 然 后 调用 _GenerateProceduralTexture 函 数 来 生成 一 张 程序 纹理 ， 并 赋 给 
m _generatedTexture 变 量 。 完 成 后 ， 利 用 Material.SetTexture 函 数 把 生成 的 纹理 赋 给 材质 。 材 质 material 
需要 有 一 个 名 为 _ anc 纹理 属性 。 
(7) _GenerateProceduralTexture 范 数 的 代码 如 下 : 


private Texture2D _GenerateProceduralTexture() { 
Texture2D proceduralTexture = new Texture2D(texturewidth, texturewidth); 


// 定义 圆 与 圆 之 间 的 间距 
float circleInterval = texturewidth / 4.0f; 
// 定义 圆 的 半径 
float radius = texturewidth / 10.0f， 
// 定义 模糊 系数 
float edgeBlur = 1.0f / blurFactor; 


for (int w = 0; w <texturewidth; w++) { 
for (int h = 0; h <texturewidth; h++) { 
// 使 用 背景 颜色 进行 初始 化 
Color pixel = backgroundcolor ， 


// 依次 画 9 个 区 
for (inti = 0; i< 3; i++) { 
for (int j = 0; j < 3; j++) { 
// 计算 当前 所 绘制 的 圆 的 圆心 位 置 
Vector2 circleCenter = new Vector2(circleInterval * (i + 1), circleInterval 
* (j + 1)); 


// 计算 当前 像素 与 圆心 的 距离 
float dist = Vector2.Distance(new Vector2(w, h), circleCenter) - radius， 


// 模糊 圆 的 边界 
Color color = _MixColor(circleColor, new Color(pixel.r, pixel.g, 
pixel.b, 0.0f), Mathf.Smoothstep(0of, 1.0f, dist * edgeBlur)); 


// 与 之 前 得 到 的 颜色 进行 混合 
pixel = _MixColor(pixel, color, color.a); 


} 


proceduralTexture.SetPixel(w, h, pixel); 


proceduralTexture.Apply(); 


return proceduralTexture; 


代码 首先 初始 化 一 张 二 维 纹理 ， 提前 计算 了 一 些 生成 纹理 时 需要 的 变量 。 然 后 ， 使 用 了 一 个 
两 层 的 骸 套 循环 六 历 纹理 中 的 每 个 像素 ， 并 在 纹理 上 依次 绘制 9 个 圆 形 。 最 后 ， 调 用 Texture2D.Apply 
函数 来 强制 把 像素 值 写 入 纹理 中 ， 并 返回 该 程序 纹理 。 


保存 脚本 后 返回 场景 ， 调 整 相应 的 参数 后 可 以 得 到 类 似 图 10.15 中 的 效果 。 我 们 可 以 调整 脚本 面 
板 中 的 材质 参数 来 得 到 不 同 的 程序 纹理 ， 如 图 10.16 所 示 。 


ba 


A 图 10.16 调整 程序 纹理 的 参数 来 得 到 不 同 的 程序 纹理 


至 此 ， 我 们 已 经 学 会 如 何 通过 脚本 来 创建 一 个 程序 纹理 ， 再 赋 


AS 


给 相应 的 材质 了 。 


10.3.2 ”Unity 的 程序 材质 


质 和 我 们 之 前 使 用 的 那些 材质 在 本 质 上 是 一 样 的 ， 不 同 的 是 ， 它 们 使 用 的 纹理 不 是 普通 的 纹理 ， 而 
程序 纹理 。 需 要 注意 的 是 ， 程 序 材质 和 它 使 用 的 程序 纹理 并 不 是 在 Unity 中 创建 的 ， 


名 为 Substance Designer 的 软件 在 Unity 外 部 生成 的 。 


Substance Designer 是 一 个 非常 出 色 的 纹理 生成 工 


在 Unity 中 ， 有 一 类 专门 使 用 程序 纹理 的 材质 ， 叫 做 程序 材质 (Procedural Materials) 


。 这 类 材 


具 ， 很 多 3A 的 游戏 项 目 都 使 用 了 由 它 
质 。 我 们 可 以 从 Unity 的 资源 商店 或 网 络 中 获取 到 很 多 免费 或 付费 的 Substance 材 质 。 这 些 材质 都 是 


而 是 使 有 


了 一 


以 .sbsar 为 后 缀 的 ， 如 图 10.17 所 示 (资源 来 源 于 https://www.assetstore.unity3d.com/en/#!/ content/1352 
) 。 我 们 可 以 直接 把 这 些 材质 像 其 他 资源 一 样 拖 入 Unity 项 目 中 。 


辐 Substance_...tion_sbsar 


了 ] bricks_032.sbsar 


BrickWall_02.sbsar 


- Camouflage_02.sbsar 


Cereals.sbsar 
concrete_049.sbsar 


-| Desert Sand_01.sbsar 
| Electric_Liquid.sbsar 


metal_floor_003.sbsar 


| metal_plate_005.sbsar 
| metal_plate_008.sbsar 


Pavement_01.sbsar 


-~ Pavement_Path.sbsar 


Road_01.sbsar 
roofing_007.sbsar 


-sci fi_003.sbsar 
-| Shutter_01.sbsar 


Stones_01.sbsar 


-| Wood_Planks_01.sbsar 


A 图 10.17 后 缀 为 .sbsar 自 


程序 纹理 


Cereals_Diffuse 和 Cereals 1_Diffuse 等 。 


Substance 材 质 


就 包含 了 两 个 程 


当 把 这 些 文件 导入 Unity 后 ， Unity 就 会 生成 一 个 程序 纹理 资源 (Procedural Material Asset) 
资源 可 以 包含 一 个 或 多 个 程序 材质 ， 例 如 图 10.189 
Cereals_1， 每 个 程序 纹理 使 用 了 不 同 的 纹理 参数 ， 因 此 Unity 为 它们 生成 了 不 


序 纹理 一 一 Cereals 和 
司 的 程序 纹理 ， 


例如 


O 


> 天 


生成 的 材 


[RAR 
坊 |V | 大 
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Assets » Substances_Free » Sl 
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A 图 10.18 程序 纹理 资源 


通过 单 击 程序 材质 ， 我 们 可 以 在 程序 纹理 的 面板 上 看 到 该 材质 使 用 的 Unity Shader 及 其 属性 、4 
成 程序 纹理 使 用 的 纹理 属性 、 材 质 预 览 等 信息 。 


程序 材质 的 使 用 和 普通 材质 是 一 样 的 ， 我 们 把 它们 拖 忠 到 相应 的 模型 上 即 可 。 读 者 可 以 在 本 书 资 
源 的 Scene_10_3_2 中 找到 这 样 的 示例 场景 。 程 序 纹理 的 强大 之 处 很 大 原因 在 于 它 的 多 变性 ， 我 们 可 以 
通过 调整 程序 纹理 的 属性 来 控制 纹理 的 外 观 ， 甚 至 可 以 生成 看 似 完全 不 同 的 纹理 。 图 10.19 给 出 了 调 
整 Cereals 程 序 材质 的 不 同 纹理 属性 得 到 的 不 同 材 质 效果 。 


HT 


图 10.19 调整 程序 纹理 属性 可 以 得 到 看 似 完全 不 同 的 程序 材质 效果 


可 以 看 出 ， 程 序 材质 的 自由 度 很 高 ， 而 且 可 以 和 Shader 配 合 得 到 非常 出 色 的 视觉 效果 ， 它 是 一 币 
非常 强大 的 材质 类 型 。 


全 


第 11 章 ”让 画面 动 起 来 


没有 动画 的 画面 往往 让 人 党 得 很 无 趣 。 在 本 章 中 ， 我 们 将 会 学 习 
如 何 向 Unity Shader 中 引入 时 间 变 量 ， 以 实现 各 种 动画 效果 。 在 11.1 市 
中 ， 我 们 首先 会 介绍 Unity Shader 内 置 的 时 间 变 量 ， 在 随后 的 章节 中 我 
们 会 使 用 这 些 时 间 变 量 来 实现 动画 。11.2 节 会 介绍 两 种 常见 的 纹理 动 
画 ， 即 序列 帧 动画 和 背景 循环 滚动 动画 。 在 11.3 节 ， 我 们 会 学 习 使 用 
顶点 动画 来 实现 流动 的 河流 、 广 告 牌 等 动画 效果 ， 并 在 最 后 给 出 一 些 
在 实现 顶点 动画 时 的 注意 事项 。 


11.1 Unity Shader 中 的 内 置 变量 (时 间 篇 ) 


动画 效果 往往 都 是 把 时 间 添 加 到 一 些 变量 的 计算 中 ， 以 便 在 时 间 
变化 时 画面 也 可 以 随 之 变化 。Unity Shader 提 供 了 一 系列 关于 时 间 的 内 
置 变量 来 允许 我 们 方便 地 在 Shader 中 访问 运行 时 间 ， 实 现 各 种 动画 效 
果 。 表 11.1 给 出 了 这 些 内 置 的 时 间 变 量 。 


表 11.1 Unity 内 置 的 时 间 变 量 


自 该 场景 加 载 开 始 所 经 过 的 时 间 ，4 个 分 量 的 值 
(t/20, t, 2t, 30 ° 


t 是 时 间 的 正弦 值 ，4 个 分 量 的 值 分 别 是 (t/8, t/4, t/2, D 


是 时 间 的 余弦 值 ，4 个 分 量 的 值 分 别 是 (t/8, t/4, V2, t) 


dt 是 时 间 增 量 ，4 个 分 量 的 值 分 别 是 (dt, 1/dt, smoothDt, 
1/smoothDt) 


unity_DeltaTime |float4 


在 后 面 的 草 节 中 ， 我 们 会 使 用 上 述 时 间 变 量 来 实现 纹理 动画 和 顶 


11.2 ”纹理 动画 


纹理 动画 在 游戏 中 的 应 用 非常 广泛 。 尤 其 在 各 种 资源 都 比较 局 限 的 移动 平台 上 ， 我 们 往往 
会 使 用 纹理 动画 来 代替 复杂 的 粒子 系统 等 模拟 各 种 动画 效果 。 


11.2.1 序列 帧 动画 


最 常见 的 纹理 动画 之 一 就 是 序列 帧 动画 。 序 列 帧 动画 的 原理 非常 简单 ， 它 像 放电 影 一 样 ， 
依次 播放 一 系列 关键 帧 图 像 ， 当 播放 速度 达到 一 定数 值 时 ， 看 起 来 就 是 一 个 连续 的 动画 。 它 的 
优点 在 于 灵活 性 很 强 ， 我 们 不 需要 进行 任何 物理 计算 就 可 以 得 到 非常 细腻 的 动画 效果 。 而 它 的 


缺点 也 很 明显 ， 由 于 序列 帧 中 每 张 关 键 帧 图 像 都 不 一 样 ， 因 此 ， 要 制作 一 张 出 色 的 序列 帧 纹 
所 需要 的 美术 工程 量 也 比较 大 。 


要 想 实 现 序 列 帧 动画 ， 我 们 先 要 提供 一 张 包含 了 关键 帧 图 像 的 图 像 。 在 本 书 资源 中 ， 我 们 
提供 了 这 样 一 张 图 像 (Assets/Textures/Chapter11/Boom.png) ， 如 图 11.1 所 示 。 


上 述 图 像 包 含 了 8 x 8 张 关键 帧 图 像 ， 它 们 的 大 小 相同 ， 而 且 播 放 顺 序 为 从 左 到 右 、 从 上 到 
下 。 图 11.2 给 出 了 不 同时 刻 播放 的 不 同 动画 效果 。 
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A 图 11.1 本 节 使 用 的 序列 帧 图 
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A 图 11.2 ”使 用 序列 帧 动画 来 实现 爆炸 效果 


为 了 在 Unity 中 实现 序列 帧 动画 ， 我 们 需要 做 如 下 准备 工作 。 
(1) 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 Scene_11_2_1。 在 Unity 5.2 中 ， 默 认 情 况 
下 场景 将 包含 一 个 摄像 机 和 一 个 平行 光 ， 并 且 使 用 了 内 置 的 天 空 合子。 在 Window ~ Lighting 一 
Skybox 中 去 挥 场景 中 的 天 空 盒 
(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 ImageSequenceAnimationMat 。 


(3) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Shader 名 为 Chapter11- 
ImageSequenceAnimation。 把 新 的 Shader 赋 给 第 2 步 中 创建 的 材质 。 


(4) 在 场景 中 创建 一 个 四 边 形 (Quad) ， 调 整 它 的 位 置 使 其 正面 朝向 摄像 机 ， 并 把 第 2 步 
中 的 材质 给 虑 它 。 


上 壕 序 列 帧 动画 的 精 艇 在于， 我 们 需要 在 每 个 时 刻 计算 该 时 刻下 应 该 播放 的 关键 帧 的 位 
置 ， 并 对 该 关键 帧 进行 纹理 采样 。 打 开 新 建 的 Chapter11-ImageSequenceAnimation， 删 除 原 有 的 
代码 ， 并 添加 如 下 关键 代码 。 


(1) 我 们 首先 声明 了 多 个 属性 ， 以 设置 该 序列 帧 动画 的 相关 参数 : 


Properties { 
_Color ("Color Tint", Color) = (1, 1, 1, 1) 
_MainTex ("Image Sequence", 2D) = "white" {} 
_HorizontalAmount ("Horizontal Amount", Float) = 4 
_VerticalAmount ("Vertical Amount", Float) = 4 
_Speed ("Speed", Range(1, 100)) = 30 


_MainTex 就 是 包含 了 所 有 关键 帧 图 像 的 纹理 。_HorizontalAmount 和 _VerticalAmount 分 别 代 
表 了 该 图 像 在 水 3 方向 和 竖 直 方向 包含 含 的 关键 帧 图 像 的 个 数 。 而 _Speed 属 性 用 于 控制 序列 帧 动 
画 的 播放 速度 。 


(2) 由 于 序列 帧 图 像 通常 是 透明 纹理 ， 我 们 需要 设置 Pass 的 相关 状态 ， 以 演 染 透明 效果 : 


SubShader { 
Tags {"Queue"="Transparent" "IgnoreProjector"="True" "RenderType"="Transparent"} 


Pass { 
Tags { "LightMode"="ForwardBase" } 


Zwrite Off 


Blend SrcAlpha OneMinusSrcAlpha 


aor 


于 序列 帧 图 像 通 常 包含 了 透明 通道 ， 因 此 可 以 被 当成 是 一 个 半 透 明 对 象 。 在 这 里 我 们 使 
] 半 透明 的 “ 标 配 ”来 设置 它 的 SubShader 标 等 ， 即 于 EQueue 和 RenderType 设 置 成 Transparent,， 把 
IgnoreProjector 设 置 为 True 。 在 Pass 中 ， 我 们 使 用 Blend 命 令 来 开启 并 设置 混合 模式 ， 同 时 关闭 了 
深度 写 入 。 


(3) 顶点 着 色 器 的 代码 非常 简 
下 v2f 结 构 体 主 : 


tk 


我 们 进行 了 基本 的 顶点 变换 ， 并 把 顶点 纹理 坐标 存储 到 


i 


v2f vert (a2v v) { 
v2f 0) 
0.pos = mul(UNITY_MATRIX_MVP, Vv.vertex); 
O.UV = TRANSFORM_TEX(v.texcoord, _MainTex); 
return o; 


(4) 片 元 着 色 器 是 我 们 的 重头 戏 : 


fixed4 frag (v2f i) : SV_Target { 
float time = floor(_Time.y * _Speed); 
float row = floor(time / _HorizontalAmount); 
float column = time - row * _HorizontalAmount; 


// half2 uv = float2(i.uv.x /_HorizontalAmount, i.uv.y / _VerticalAmount); 
// UV.xX += column / _HorizontalAmount,; 
// UV.y -= row / _VerticalAmount; 

half2 uv = i.uv + half2(column, -row); 

Uv.x /= _HorizontalAmount; 

UVv.y /= _VerticalAmount; 


fixed4 c = tex2D(_MainTex, Uv); 
c.rgb *= _Color; 


return c; 


要 播放 帧 动画 ， 从 本 质 来 说 ， 我 们 需要 计算 出 每 个 时 刻 需 要 播放 的 关键 帧 在 纹理 中 的 位 
置 。 而 由 于 序列 帧 纹理 都 是 按 行 按 列 排列 的 ， 因 此 这 个 位 置 可 以 认为 是 该 关键 帧 所 在 的 行列 索 
引 数 。 因 此 ， 在 上 面 的 代码 的 前 3 行 中 我 们 计算 了 行列 数 ， 其 中 使 用 了 Unity 的 内 置 时 间 变 量 
_Time。 由 11.1 节 可 以 知道 ，_Time.y 就 是 自 该 场景 加 载 后 所 经 过 的 时 司 。 我 们 首先 把 _Time.y 和 
速度 属性 _Speed 相 乘 来 得 到 模拟 的 时 间 ， 并 使 用 CG 的 floor 范 数 对 结果 值 取 整 来 得 到 整数 时 间 
time。 然 后 ， 我 们 使 用 time 除 以 _HorizontalAmount 的 结果 值 的 商 来 作为 当前 对 应 的 行 索 引 ， 除 法 
结果 的 余数 则 是 列 索引 。 接 下 来 ， 我 们 需要 使 用 行列 索引 值 来 构建 真正 的 采样 坐标 。 由 于 序列 
所 图 像 包 含 了 许多 关键 帧 图 像 ， 这 意味 着 采样 坐标 需要 映射 到 每 个 关键 帧 图 像 的 坐标 范围 内 。 
我 们 可 以 首先 把 原 纹理 坐标 i.uv 按 行 数 和 列 数 进 行 等 分 ， 得 到 每 个 子 图 像 的 纹理 坐标 范围 。 然 
后 ， 我 们 需要 使 用 当前 的 行列 数 对 上 面 的 结果 进行 偏 黎 ， 得 到 当前 子 图 像 的 纹理 坐标 。 需 要 注 
意 的 是 ， 对 坚 直 方向 的 坐标 偏 移 需 要 使 用 减法 ， 这 是 因为 在 Unity 中 纹理 坐标 竖 直 方向 的 顺序 
(从 下 到 上 逐渐 增 大 ) 和 序列 帧 纹理 中 的 顺序 (播放 顺序 是 从 上 到 下 ) 是 相反 的 。 这 对 应 了 上 
代码 中 注释 掉 的 代码 部 分 。 我 们 可 以 把 上 述 过 程 中 的 除法 整合 到 一 起 ， 束 得 到 了 注释 下 方 的 
尺码 。 这 样 ， 我 们 就 得 到 了 真正 的 纹理 采样 坐标 。 


(5) 最 后 ， 我 们 把 Fallback 设 置 为 内 置 的 TransparentVertexLit (也 可 以 选择 关闭 


Fallback) : 


Fallback "Transparent/VertexLit" 


保存 后 返回 场景 ， 我 们 将 Assets/Textures/Chapter11/Boom.png (六 


此 需要 勾 选 该 纹 到 
Sequence 必 性， 二 


的 关键 帧 图 像 ) 


了 多 个 层 (ayers) 来 模拟 一 种 视差 效果 。 而 这 些 背景 的 实现 往 和 
中 ， 我 们 将 实现 


A 图 11.3 无限 滚动 的 背景 (纹理 
为 此 ， 我 们 需要 进行 如 下 准 


(1) 新 建 一 个 场景 ， 在 本 书 资源 中 ， 
下 场景 将 包含 一 个 摄像 


主意， 由 于 是 透明 纹理 ， 因 


的 Alpha Is Transparency 属 性 ) 赋 给 ImageSequenceAnimationMat 中 的 Image 
F 将 Horizontal Amount 和 Vertical Amount 设 置 为 8 (因为 Boom.png 包 含 了 8 行 8 列 


， 完 成 后 单 击 播放 ， 并 调整 Speed 属性 ， 就 可 以 得 到 一 段 连续 的 爆炸 动画 。 
11.2.2 滚动 的 背景 
很 多 2D 游 戏 都 使 用 了 不 断 滚动 的 背景 来 模拟 游戏 角色 在 场景 中 的 穿梭 ， 这 些 背 景 往往 包含 


个 包含 了 两 层 的 无 限 滚动 的 2D 游 戏 背 景 。 本 市 使 月 
OpenGameArt (http://opengameart.org 
效果 。 单 击 运行 后 ， 就 可 以 得 到 一 个 无 限 深 动 的 背景 效果 。 


€ Game 项 


| Free Aspect 


就 是 利用 了 纹理 动画 。 在 本 下 
的 纹理 资源 均 来 自 
网 站 。 在 学 习 完 本 太后 ， 我 们 可 以 得 到 类 似 图 11.3 中 的 


Maximize on Play | Mute audio | Stats | Gizmos 1™| 


来 源 : forest-background © 2012-2013 Julien Jorge julien.jorge@stuff-o-matic.com) 


备 工 作 。 


该 场景 名 为 Scene_11_2_2。 在 Unity 5.2 中 ， 默 认 情 况 


Skybox 中 去 掉 场 景 
像 机 的 投影 模式 设置 为 正 交 投影 。 


(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 


1 和 一 个 平行 光 ， 并 且 使 用 了 内 置 的 天 空 盒子 。 在 Window 一 Lighting 一 
中 的 天 空 盒子 。 由 于 本 例 模拟 的 是 2D 游 戏 中 的 深 动 背景 ， 


因此 我 们 需要 把 摄 


该 材质 名 为 ScrollingBackgroundMat 。 


(3) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Shader 名 为 Chapter11-ScrollingBackground 。 
把 新 的 Shader 赋 给 第 2 步 中 创建 的 材质 。 


(4) 在 场景 中 创建 一 个 四 边 形 (Quad) ， 调 整 它 的 位 置 和 大 小 ， 使 它 充满 摄像 机 的 视野 范 
围 ， 然 后 把 第 2 步 中 的 材质 拖 暇 给 它 。 该 四 边 形 将 用 于 显示 游戏 背景 。 


打开 新 建 的 Chapter11-ScrollingBackground， 删 除 原 有 的 代码 ， 并 添加 如 下 关键 代码 。 
(1) 我 们 首先 声明 了 新 的 属性 : 


Properties { 
_MainTex ("Base Layer (RGB)", 2D) = "white" {} 
_DetailTex ("2nd Layer (RGB)", 2D) = "white" {} 
_ScrollxX ("Base layer Scroll Speed", Float) = 1.0 
_Scroll2x ("2nd layer Scroll Speed", Float) = 1.0 
_Multiplier ("Layer Multiplier", Float) = 1 


其 中 ，_MainTex 和 _DetailTex 分 别 是 第 一 层 ( 较 远 ) 和 第 二 层 ( 较 近 ) 的 背景 纹理 ， 
_ScrolX 和 _Scroll2X 对 应 了 各 自 的 水 平 滚动 速 束 度 。_Multiplier 参 数 则 用 于 控制 纹理 的 整体 亮度 。 


(2) 我 们 的 顶点 着 色 器 代码 非常 简单 : 


I 


v2f vert (a2v v) { 
v2f 0) 
0.pos = mul(UNITY_MATRIX_MVP, Vv.vertex); 


O.UV.Xy = TRANSFORM_TEX(Vv.texcoord, _MainTex) + frac(float2(_ScrollX, 0.0) * _Time.y); 
O.UV.ZW = TRANSFORM_TEX(Vv.texcoord, _DetailTex) + frac(float2(_Scroll2xX, 0.0) * _Time.y), 
return o; 


我 们 首先 进行 了 最 基本 的 顶点 变换 ， 把 顶点 从 模型 空间 变换 到 裁剪 空间 中 。 然 后 ， 我 们 计 
算 了 两 层 背 景 纹理 的 纹理 坐标 。 为 此 ， 我 们 首先 利用 TRANSFORM _TEX 来 得 到 初始 的 纹理 坐 
标 。 然 后 ， 我 们 利用 内 置 的 Timey 变 量 在 水 平方 向 上 对 纹理 坐标 进行 偏 移 ， 以 此 达到 滚动 的 效 


果 。 我 们 把 两 张 纹理 的 纹理 坐标 存储 在 同一 个 变量 ouv 中 ， 以 减少 占用 的 插值 寄存 器 空间 。 
(3) 片 元 着 色 器 的 工作 就 相对 比较 简单 : 


fixed4 frag (v2f i) : SV_Target { 
fixed4 firstLayer = tex2D(_MainTex, i,.uv.xy); 
fixed4 secondLayer = tex2D(_DetailTex, i.uvVv.Zzw); 


fixed4 c = lerp(firstLayer, secondLayer, secondLayer .a); 
c.rgb *= _Multiplier; 


return c; 


我 们 首先 分 别 利 用 i.uv.xy 和 iuv.zw 对 两 张 背景 纹理 进行 采样 。 然后 ， 使 ee 
道 来 混合 两 张 纹理 ， 这 使 用 了 CG 的 lerp 函 数 。 最 后 ， 我 们 使 用 _Moultiplier 参 数 和 输出 颜色 进 
相 乘 以 调整 背景 亮度 。 


(4) 最 后 ， 我 们 把 Fallback 设 置 为 内 置 的 VertexLit (也 可 以 选择 关闭 Fallback) : 


Fallback "VertexLit" 


保存 后 返回 场景 ， 把 本 书 资源 中 的 Assets/Textures/Chapter11/Far_Background.png 和 
人 ear_Background.png 分 别 赋 给 材质 的 Base Layer 和 2nd Layer 属 性 ， 并 调 
整 它们 的 滚动 速度 (由 于 我 们 想 要 在 视觉 上 模拟 Base Layer 比 2nd Layer 更 远 的 效果 ， 因 此 Base 

Layer 的 滚动 速度 要 比 2nd Layer 的 速度 慢 一 些 ) 。 单 击 运行 后 ， 就 可 以 得 到 类 似 图 11.3 中 的 效 
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11.3 ”顶点 动画 
如 果 一 个 游戏 中 所 有 的 物体 都 是 静止 的 ， 这 样 枯燥 的 世界 恐怕 很 难 引 起 玩家 的 兴趣 。 顶 点 动画 可 以 让 
我 们 的 场景 变 得 更 加 生动 有 趣 。 在 游戏 中 ， 我 们 常常 使 用 顶点 动画 来 模拟 飘动 的 旗帜 、 溃 流 的 小 溪 等 效 


有 果 。 0 1， 我 们 将 学 习 两 种 常见 的 顶 硕 点 动画 的 应 用 流动 的 河流 以 及 广告 牌 技术 。 在 本 广 最 后 ， 我 
们 还 将 给 出 一 些 顶点 动画 中 的 注意 事项 及 解决 方法 。 


11.3.1 流动 的 河流 
河流 的 模拟 是 顶点 动画 最 常见 的 应 用 之 一 。 它 的 原理 通常 就 是 使 用 正弦 函数 等 来 模拟 水 流 的 波动 效 


果 。 在 本 小 节 中 ， 我 们 将 学 习 如 何 模拟 一 个 2D 的 河流 效果 。 在 学 习 完 本 节 后 ， 我 们 可 以 得 到 类 似 图 11.4 
以 观察 到 河流 不 断 流动 的 效果 。 


的 效果 。 当 单 击 运 行 后 ， 


号 


和 A 图 11.4 使 用 顶点 动画 来 模拟 2D 的 河流 
为 此 ， 我 们 需要 进行 如 下 准备 工作 。 


(1) 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 Scene_11_3_1。 在 Unity 5.2 中 ， 默 认 情 况 下 场景 将 包 
含 一 个 摄像 机 和 一 个 平行 光 ， 并 且 使 用 了 内 置 的 天 空 盒 子 。 在 Window 一 Lighting Skybox 中 去 掉 场景 中 
的 天 空 盒子 。 由 于 本 节 模 拟 的 是 2D 效 果 ， 因 此 我 们 需要 把 摄像 机 的 投影 类 型 设置 为 正 交 投影 。 


(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 WaterMat。 由 于 本 例 需 要 模拟 多 层 水 流 效 果 ， 我 们 
还 创建 了 WaterMat1 和 WaterMat2 材 质 。 


(3) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Shader 名 为 Chapter11-Water。 把 新 的 Shader 赋 给 第 2 步 
中 创建 的 材质 。 


(4) 在 场景 中 创建 多 个 water 模 型， 调整 它们 的 位 置 、 大 小 和 方向 ， 然 后 把 第 2 步 中 的 材质 拖 电 给 它 


们 。 


打开 新 建 的 Chapter11-Water， 删 除 原来 的 代码 ， 并 添加 如 下 关键 代码 。 
(1) 首先 ， 我 们 声明 了 一 些 新 的 属性 : 


Properties { 
_MainTex ("Main Tex", 2D) = "white" {} 
_Color ("Color Tint", Color) = (1, 1, 1, 1) 
_Magnitude ("Distortion Magnitude", Float) = 1 
_Frequency ("Distortion Frequency", Float) = 1 
_InvwaveLength ("Distortion Inverse Wave Length", Float) = 10 
_Speed ("Speed", Float) = 0.5 


中 ，_MainTex 是 河流 纹理 ，_Color 用 于 控制 整体 颜色 ，_Magnitude 用 于 控制 水 流 波动 的 幅度 ， 
_Frequency 用 于 控制 波动 频率 ee 于 控制 波长 的 倒数 ( _InvWaveLength 越 大 ， 波长 越 
小 ) ，_Speed 于 控制 河流 纹理 的 移动 速 度 。 


(2) 在 本 例 中 ， 我 们 需要 为 透明 效果 设置 合适 的 SubShader 标 签 


SubShader { 
// Need to disable batching because of the vertex animation 
Tags {"Queue"="Transparent" "IgnoreProjector"="True" "RenderType"="Transparent" "DisableBatching"3" 


在 上 面 的 设置 中 ， 我 们 除了 为 透明 效果 设置 Queue、IgnoreProjector 和 RenderType 外 ， 还 设置 了 一 个 齐 
DisableBatching 。 我 们 在 3.3.3 节 中 介绍 过 该 标签 的 含义 : 一 些 SubShader 在 使 人 站 理 
力 能 时 会 出 现 问题 ， 这 时 可 以 通过 该 标签 来 上 接 指明 是 否 对 该 SubShader 合 3 批 处 理 。 而 这 些 需要 特殊 处 
理 的 Shader 通 常 就 是 指 包 含 了 模型 空间 的 顶点 动画 的 Shader。 这 是 因为 ， 批 处 理会 合并 所 有 相关 的 模型 ， 
jf 这 些 模 型 各 上 自 的 模型 空间 就 会 丢失 。 而 在 本 例 中 ， 我 们 需要 在 物体 的 模型 空间 下 对 顶点 位 置 进行 偏 移 。 
寻 此 ， 在 这 里 需要 取消 对 该 Shader 的 批 处 理 操作 。 


(3) 接着 我们 设置 了 Pass 的 泻 染 状态 : 


I 


十 二 
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BA Ne 


Pass { 
Tags { "LightMode"="ForwardBase" } 


Zwrite Off 
Blend SrcAlpha OneMinusSrcAlpha 
Cull Off 


这 里 关闭 了 深度 写 入 ， 开 局 并 设置 了 混合 模式 ， 并 关闭 了 剔除 功能 。 这 是 为 了 让 水 流 的 每 个 面 都 能 显 


(4) 然后 ， 我 们 在 顶点 着 色 器 中 进行 了 相关 的 顶点 动画 : 


v2f vert(a2v v) { 
v2f 0o; 


float4 offset; 

offset.yzw = float3(0.0, 0.0, 0.0); 
offset.x = sin(_Frequency * _Time.y + VvV.vertex.x * _InvWwaveLength + v.vertex.y * _InvWaveLength + 外 
0.pos = mul(UNITY_MATRIX_MVP, Vv.vertex + offset); 


O.UV = TRANSFORM TEX(v.texcoord, _MainTex); 
o,UV += float2(0.0, _Time.y * _Speed); 


return o; 


我 们 首先 计算 顶点 位 移 量 。 我 们 只 希望 对 项 点 的 x 方 向 进行 位 移 ， 因此 yzw 的 位 移 量 被 设置 为 0。 然 
后 ， 我 们 利用 _Frequency 属 性 和 内 置 的 _Time.y 变 量 来 控制 正弦 函数 的 频率 。 为 了 让 不 同位 置 具有 不 同 的 位 
移 ， 我 们 对 上 述 结果 加 上 了 模型 空间 下 的 位 置 分 量 ， 并 乘 以 _InvWaveLength 来 控制 波长 。 最 后 ， 我 们 对 结 
果 值 乘 以 Magnitude 属 性 来 控制 波动 幅度 ， 得 到 最 终 的 位 移 。 剩 下 的 工作 ， 我 们 只 需要 把 位 移 量 添加 到 顶 
点 位 置 上 ， 再 进行 正常 的 顶点 变换 即 可 。 


在 上 面 的 代码 中 ， 我 们 还 进行 了 纹理 动画 ， 即 使 用 _Time.y 和 _Speed 来 控制 在 水 平方 向 上 的 纹理 动 


(5) 片 元 着 色 器 的 代码 非常 简单 ， 我 们 只 需要 对 纹理 采样 再 添加 颜色 控制 即 可 : 


fixed4 frag(v2f i) : SV_ Target { 
fixed4 c = tex2D(_MainTex, i.uv); 
c.rgb *= _Color.rgb; 


return c; 


(6) 最 后 ， 我 们 把 Fallback 设 置 为 内 置 的 Transparent/VertexLit (也 可 以 选择 关闭 Fallback) 


Fallback "Transparent/VertexLit" 


保存 后 返回 场景 ， 把 Assets/Textures/Chapter11/Wate 


r.psd 拖 上 忠 到 材质 的 Main Tex 属 性 上 ， 并 调整 相关 参 


数 。 为 了 计 河 演 更 加 美观 ， 我 们 可 以 复制 多 个 材质 并 使 


不 同 的 参数 ， 


得 到 类 似 图 11.4 中 的 效果 
11.3.2 广告 牌 


男 常见 的 顶点 动画 就 是 广告 牌 技术 (Billboarding) 


纹理 着 色 的 多 边 形 (通常 就 是 简单 的 四 边 形 ， 这 个 多 边 


允 刺 是 


着 摄像 机 。 广 告 牌 技术 被 用 于 很 多 应 用 ， 比 如 演 染 烟 筋 、 


。 广 告 牌 技术 会 根据 视角 方向 来 旋转 一 个 被 
告 牌 ) ， 使 得 多 边 形 看 起 来 好 像 总 是 面 对 


云 朱 、 闪光 效 果 等 


再 赋 给 不 同 的 Water 模 型 ， 就 可 以 


[e] 


告 牌 技术 的 本 质 就 是 构建 旋转 和 矩阵， 而 我 们 知道 
基 向 量 通常 就 是 表面 法 线 (normal) 、 指 向 上 的 方向 


个 变换 矩阵 人 


我 们 还 需要 指定 一 个 锚 点 (anchor location) ， 这 个 锚 ， 
在 空间 中 的 位 置 。 


需要 3 个 基 和 向量。 广告 牌 技术 使 用 的 
(up) 以 及 指向 右 的 方向 (right) 。 除 此 之 外 ， 
点 在 旋转 过 程 中 是 固定 不 变 的 ， 以 此 来 确定 多 边 


过 初始 计算 得 到 目标 的 表面 法 线 (例如 就 是 视角 方向 
方 


名 应 该 随 视角 变化 ;而 当 模 拟 粒 子 效 果 时 ， 我 们 和 希 


两 者 其 中 之 一 是 固定 的 ， 例 如 当 模 拟 草 从 时 ， 我 们 项 
望 广告 牌 的 法 线 方向 


告 牌 技术 的 难点 在 于 ， 如 何 根据 需求 来 构建 3 个 相互 正 交 的 基 向 量 。 计 


) 和 指向 


上 的 方向 ， 
泉 的 指向 上 的 方向 永远 是 (0, 1 0)， 而 法 


算 过 程 通常 是 ， 我 们 首先 会 


而 两 者 往往 是 不 垂直 的 。1 


是 固定 的 ， 即 总 是 指向 视角 方 


指向 上 的 方向 则 可 以 发 生变 化 。 我 们 假设 法 线 方向 
上 的 方向 来 计算 出 目标 方向 的 指向 右 的 方向 〈 通 过 又 积 


是 固定 的 ， 首 先 ， 我 


操作 ) : 


right=upxnormal 


下 


对 其 归 一 化 后 ， 再 由 法 线 方向 和 指向 右 的 方向 计算 


[en 


up'=normalxright 


门 根据 初始 的 表面 法 线 和 指 向 


正 交 的 指向 上 的 方向 即 可 : 


至 此 ， 我 们 就 可 以 得 到 用 于 旋转 的 3 个 正 交 基 了。 图 11.5 给 出 了 上 壕 计算 过 程 的 图 示 。 如 果 指 向 上 的 


方向 是 固定 的 ， 计 算 过 程 也 是 类 似 的 。 


up up 
© © © 
normal normal 
right 
A 图 11.5 ”法 线 固定 (总 是 指向 视角 方向 ) 时 ， 计 算 广 告 牌 技术 


normal 


right 


FP 的 3 个 正 


交 基 的 过 程 


-一 


， 我 们 将 在 Unity 中 实现 上 面 提 到 的 广告 牌 技术 。 在 学 习 完 本 市 


ec 


吾 ， 我 们 可 以 得 到 类 似 


图 11.6 中 的 


效果 。 

A 图 11.6 广告 牌 效 果 。 左 图 显示 了 摄像 机 和 5 个 广告 牌 之 间 的 位 置 关系 ， 摄 像 机 是 从 斜 上 方向 下 观察 它们 的 。 中 间 的 图 显示 了 当 Vertical 
Restraints 属性 为 1， 即 固定 法 线 方 向 为 观察 视角 时 所 得 到 的 效果 ， 可 以 看 出 ， 所 有 的 广告 牌 都 完全 面 朝 摄像 机 。 右 图 显示 了 当 Vertical 
Restraints 属性 为 0， 即 固定 指向 上 的 方向 为 (0, 1 0) 时 所 得 到 的 效果 ， 可 以 看 出 ， 广 告 牌 虽然 最 大 限度 地 面 朝 摄像 机 ， 但 其 指向 上 的 方向 并 未 
发 生 改 变 

为 此 ， 我 们 需要 进行 如 下 准备 工作 。 
(1) 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 Scene_11_3_2。 在 Unity 5.2 中 ， 默 认 情 况 下 场景 将 包 
含 一 个 摄像 机 和 一 个 平行 光 ， 并 且 使 用 了 内 置 的 天 空 盒子 。 在 Window ~” Lighting -~ Skybox 中 去 掉 场 景 中 


的 天 空 盒 


o 


(2) 新 建 一 个 材质 。 在 本 书 资源 


(3) 3 
步 中 创建 的 材质 。 


新 建 一 个 Unity Shader。 在 本 书 


1 


a 在 场景 


个 


他 
油 
KY 


四 边 形 (Quad) 


们 。 


这 些 四 边 


打 
(1) 我 人 


新 建 的 Chapter11-Billboard， 
] 首 先 声 明了 几 个 新 的 变 


告 牌 技术 的 ) 


千 牌 
删除 原 有 的 代码 ， 


是: 


O 


'!， 该 材质 名 


， 该 Shader 名 为 Chapter11-Billboard。 扰 


La 


， 调 整 它们 的 位 置 和 大 小 ， 


为 BillboardMat 。 


新 的 Shader 赋 给 第 2 


然后 把 第 2 步 


JAY 


添加 如 下 关键 代码 。 


的 材质 拖 


给 它 


Properties { 


_MainTex ("Main Tex", 
_Color ("Color Tint", 
_VerticalBillboarding ("Vertical Restraints", Range(0, 1)) = 1 


2D) = "white" {} 
Color) = (1, 1, 1, 


1) 


} 

+ 中 ，_MainTex 是 广告 牌 显示 的 透明 纹理 ，_Color 用 于 控制 显示 整体 颜色 ，_VerticalBillboarding 则 用 
于 调整 是 固定 法 线 还 是 固定 指向 上 的 方向 ， 即 约束 垂直 方向 的 程度 。 

(2) 在 本 例 中 ， 我 们 需要 为 透明 效果 设置 合适 的 SubShader 标 签 


SubShader { 


// Need to disable batching because of the vertex animation 
Tags {"Queue"="Transparent" "IgnorepProjector"="True" "RenderType"="Transparent" "DisableBatching"3" 


在 上 面 
的 标签 
功能 时 会 出 现 问题 ， 


的 设置 


这 时 可 以 通过 该 标签 来 直接 指 明 是 否 对 该 SubShader 使 月 


理 的 Shader 通 常 就 


是 指 包含 了 模型 空 


召 过 该 标签 的 含义 : 


辣 的 顶点 动画 的 Shader 。 


这 是 因 


我 们 除了 为 透明 效果 设置 Queue、IgnoreProjector 和 RenderType 外 ， 还 设置 了 一 个 新 
和 我 们 在 3.3.3 节 中 人 


一 些 SubShader 在 使 用 Unity 的 批 处 理 


批 处 理 。 
为 ， 批 处 理会 合并 月 


而 这 些 需 要 特殊 处 


和 有 相关 的 模型 ， 


而 这 些 模 型 各 目的 模型 空间 就 会 被 丢失 。 而 在 广告 牌 技术 中 ， 我 们 需要 使 用 物体 的 模型 空间 下 的 位 置 来 作 
为 销 点 进行 计算 。 因 此 。 在 这 里 需要 取消 对 该 Shader 的 批 处 理 操作 。 


(3) 接着 ， 我 们 设置 了 Pass 的 演 染 状态 : 


Pass { 
Tags { "LightMode"="ForwardBase" } 


Zwrite Off 
Blend SrcAlpha OneMinusSrcAlpha 
Cull Off 


天 了 剔除 功能 。 这 是 为 了 让 广告 牌 的 每 个 面 都 能 


这 里 关闭 了 深度 写 入 ， 开 启 并 设置 了 混合 模式 ， 并 关 
普尔 。 


(4) es 所 有 的 计算 都 是 在 模型 空间 下 进行 的 。 我 们 首先 选择 模型 空间 的 原 
点 作为 广告 牌 的 锁 点 ， 并 利用 内 置 变 量 获取 模型 空间 下 的 视角 位 置 : 


// Suppose the center in object space is fixed 
float3 center float3(0, 0, 0); 
float3 viewer mul(_World20bject,float4(_WorldSpaceCameraPos, 1)); 


然后 ， 我 们 开始 计算 3 个 正 交 矢 我 们 根据 观察 位 置 和 销 点 计算 目标 法 线 方向 ， 并 根据 
_VerticalBillboarding 属 性 来 控制 牌 了 上 的 约束 度 。 


float3 normalDir = Viewer - center; 

// If _VerticalBillboarding equals 1, we use the desired view dir as the normal dir 
// Which means the normal dir is fixed 

// Or if _VerticalBillboarding equals 0，the y of normal is 0 

// Which means the up dir is fixed 

normalDir.y =normalDir.y * _VerticalBillboarding; 

normalDir = normalize(normalDir); 


当 _VerticalBillboarding 为 1 时 ， 意 味 着 法 线 方向 固定 为 视角 方向 ， 当 _VerticalBillboarding 为 0 时 ， 意 味 
着 向 上 方向 固定 为 (0, 1 0)。 最 后 ， 我 们 需要 对 计算 得 到 的 法 线 方向 进行 归 一 化 操作 来 得 到 单位 矢量 。 


朗 着 ， 我 们 得 到 了 粗略 的 向 上 方向 。 为 了 防止 法 线 方向 和 向 上 方向 平行 (如 果 平 行 ， 那 么 又 积 得 到 的 
结果 将 是 错误 的 ) ， 我 们 对 法 线 方 向 的 y 分 量 进行 判断 ， 以 得 到 合适 的 向 上 方向 。 然 后 ， 根 据 法 线 方向 和 
粗略 的 向 上 方向 得 到 向 右 方向 ， 并 对 结果 进行 归 一 化 。 但 由 于 此 时 向 上 的 方向 还 是 不 准确 的 ， 我 们 又 根据 
准确 的 法 线 方向 和 向 右 方向 得 到 最 后 的 向 上 方向 : 


一 


// Get the approximate up dir 

// If normal dir is already towards up, then the up dir is towards front 
float3 upDir = abs(normalDir.y) > 0.999 ? float3(0, 0, 1) : float3(0, 1, 0); 
float3 rightDir = normalize(cross(upDir, normalDir)); 

upDir = normalize(cross(normalDir, rightDir)); 


这 样 ， 我 们 得 到 了 所 需 的 3 个 正 交 基 矢 量 。 我 们 根据 原始 的 位 置 相对 于 锚 点 的 偏 移 量 以 及 3 个 正 交 基 和 天 
量 ， 以 计算 得 到 新 的 顶点 位 置 : 


float3 centeroffs = v.vertex.xyz - center; 
float3 localPos = center + rightDir * centerOffs.x + UpDir * centeroffs.y + normalDir * centerOoffs.z; 


最 后 ， 把 模型 空间 的 顶点 位 置 变换 到 裁剪 空间 中 : 


0.pos = mul(UNITY_MATRIX_ MVP, float4(localPos, 1)); 


(5) 片 元 着 色 器 的 代码 非常 简单 ， 我 们 只 需要 对 纹理 进行 采样 ， 再 与 颜色 值 相 乘 即 可 : 


Dr 


fixed4 frag (v2f i) : SV_Target { 
fixed4 c = tex2D (_MainTex, i.uv); 
c.rgb *= _Color.rgb; 


return c; 


(6) 最 后 ， 我 们 把 Fallback 设 置 为 内 置 的 Transparent/VertexLit (也 可 以 选择 关闭 Fallback) : 


Fallback "Transparent/VertexLit" 


需要 说 明 的 是 ， 在 上 面 的 例子 中 ， 我 们 使 用 的 是 Unity 自 带 的 四 边 形 (Quad) 来 作为 广告 牌 ， 而 不 能 
使 用 自 带 的 平面 (Plane) 。 这 是 因为 ， 我 们 的 代码 是 建立 在 一 个 竖 直 摆 放 的 多 边 形 的 基础 上 的 ， 也 就 是 
说 ， 这 个 多 边 多 的 顶 ， 点 结构 需要 满足 在 模型 空间 下 是 竖 直 排列 的 。 只 有 这 样 ， 我 们 才能 使 用 vvertex 来 计 
算得 到 正确 的 相对 于 中 心 的 位 置 偏 移 量 。 


保存 后 返回 场景 ， 把 本 书 资 源 中 的 Assets/Textures/Chapterll/starpng 拖 电 到 材质 的 Main Tex 中 ， 即 可 得 
到 类 似 图 11.6 中 的 效果 。 


者 


顶点 动画 虽然 非常 灵活 有 效 ， 但 有 一 些 注意 事项 需要 在 此 提醒 读者 。 


先 ， 如 11.3.2 节 看 到 的 那样 ， 如 果 我 们 在 模型 空间 下 进行 了 一 些 顶点 动画 ， 那 么 批 处 理 往往 就 会 破 
坏 这 种 动画 效果 。 这 时 ， 我 们 可 以 通过 SubShader 的 DisableBatching 标 签 来 强制 取消 对 该 Unity Shader 的 批 
处 理 。 然 而 ， 取 消 批 处 理会 带 来 一 定 的 性 能 下 降 ， 增 加 了 Draw Call， 因 此 我 们 应 该 尽量 避免 使 用 模型 空 
间 下 的 一 些 绝对 位 置 和 方向 来 进行 计算 。 在 广告 牌 的 例子 中 ,为 了 避免 显 式 使 用 模型 空间 的 中 心 来 作为 销 
点 ， 我 们 可 以 利用 顶点 颜色 来 存储 每 个 顶点 到 销 点 的 距离 值 ， 这 种 做 法 在 商业 游戏 中 很 常见 。 


次 ， 如 果 我 们 想 要 对 包含 了 顶点 动画 的 物体 添加 阴影 ， 那 么 如 果 仍 然 像 9.4 节 中 那样 使 用 内 置 的 
Diffuse 等 包含 的 阴影 Pass 来 泻 染 ， 就 得 不 到 正确 的 阴影 效果 (这 里 指 的 是 无 法 向 其 他 物体 正确 地 投射 阴 
影 ) 。 这 是 因为 ， 我 们 i 过 Unity 的 阴影 维和 需要 调用 一 个 ShadowCaster Pass， 而 如 果 直 接 使 用 . 
ShadowCaster Pass， 这 个 Pass 中 并 没有 进行 相关 的 顶点 动画 ， 因 此 Unity 会 仍然 按照 原来 的 顶点 位 
明 影 ， 这 并 不 是 我 们 希望 看 到 的 。 这 时 ， 我 们 就 需要 提供 一 个 自 定 义 的 ShadowCaster Pass， 在 这 个 Pass 

1， 我 们 将 进行 同样 的 顶点 变换 过 程 。 需 要 注意 的 是 ， 在 前 面 的 实现 中 ， 如 果 涉 及 半 透 明 物 体 我 们 都 把 
Eallback 设 时 成 了 ansparent/ VertexL it, 而 Transparent/VertexLit 没 有 定义 ShadowCaster Pass， 因 此 也 就 不 会 
产生 阴影 ( 详 见 9.4.5 广 ) 。 
在 本 书 资源 的 Scene_11_3_3 场 景 中 ， 我 们 给 出 了 计算 顶点 动画 的 阴影 的 一 个 例子 。 在 这 个 例子 中 ， 我 
门 使 用 了 11.3.1 节 中 的 大 部 分 代码 ， 模 拟 一 个 波动 的 水 流 。 同 时 ， 我 们 开局 了 场景 中 平行 光 的 阴影 效果 ， 
并 添加 了 一 个 平面 来 接收 来 自 “ 水 流 ” 的 阴影 。 我 们 还 把 这 个 Unity Shader 的 Fallback 设 置 为 了 内 置 的 
VertexLit， 这 样 Unity 将 根据 Fallback 最 终 找到 VertexLit 中 的 ShadowCaster Pass 来 演 染 阴影 。 图 11.7 给 出 了 
这 样 的 结果 。 


< 


A 图 11.7 当 进 行 顶 点 动画 时 ， 如 果 仍 然 使 用 内 置 的 ShadowCaster Pass 来 泻 染 阴 影 ， 可 能 会 得 到 错误 的 阴影 效果 


可 以 看 出 ， 此 时 虽然 Water 模 型 发 生 了 形变 ， 但 它 的 阴影 并 没有 产生 相应 的 动画 效果 。 为 了 正确 绘制 
变形 对 象 的 阴影 ， 我 们 就 需要 提供 自 定义 的 ShadowCaster Pass。 读 者 可 以 在 本 书 资源 的 Chapter11- 
VertexAnimationWithShadow 中 找到 对 应 的 Unity Shader。 使 用 该 Shader 得 到 的 阴影 效果 如 图 11.8 所 示 。 


€ Game 
Free Aspect 4 Maximize on Play | Mute audio | Stats Clzmos ~ 


和 A 图 11.8 使 定义 的 ShadowCaster Pass 为 变形 物体 绘制 正确 的 阴影 


在 这 个 Shader 中 ， 我 们 提供 了 一 个 ShadowCaster Pass， 相 关 代 码 如 下 : 


// Pass to render object as a shadow caster 


Pass { 
Tags { "LightMode" = "ShadowCaster" } 
CGPROGRAM 


#pragma vertex vert 
#pragma fragment frag 


#pragma multi _ compile_ shadowcaster 
#include "UnityCG.cginc" 

float Magnitude; 

float _Frequency; 

float _InvwaveLength; 

float _Speed; 


struct a2v { 


float4 vertex : POSITION 
float4 texcoord : TEXCOORDO; 
}; 


struct v2f { 
V2F_SHADOW_CASTER; 


了 


v2f vert(a2v i) { 
v2f 0o; 


float4 offset; 
offset.yzw = float3(0.0, 0.0, 0.0); 


offset.x = sin(_Frequency * _Time.y + Vv.vertex.x * _InvWwaveLength + v.vertex.y 
* _InvwaveLength + Vv.vertex.z * _InvWaveLength) * _Magnitude; 


V.vertex = v.vertex + offset,; 
TRANSFER_SHADOW_CASTER_NORMALOFFSET(o) 


return o; 


} 


fixed4 frag(v2f i) : SV_Target { 
SHADOW_CASTER_FRAGMENT(i) 


} 
ENDCG 


阴影 投射 的 重点 在 于 我 们 需要 按 正 常 Pass 的 处 理 来 剔除 片 元 或 进行 顶点 动画 ， 以 便 阴 影 可 以 和 物体 正 
常 泻 染 的 结果 相 匹 配 。 在 自 定义 的 阴影 投射 的 Pass 中 ， 我 们 通常 会 使 用 Unity 提 供 的 内 置 宏 
V2F_SHADOW_ Ce TRANSFER_SHADOW_CASTER_NORMALOFFSET (旧版 本 中 会 使 
TRANSFER_SHADOW_CASTER) 和 SHADOW_CASTER_FRAGMENT 来 计算 阴影 投射 时 需要 的 各 种 变 
量 ， 而 我 们 可 以 只 关注 自 定义 计算 的 部 分 。 在 上 面 的 代码 中 ， 我 们 首先 在 v2f 结 构 体 中 利用 

V2F_SHADOW _CASTER 来 定义 阴影 投射 需要 定义 的 变量 。 随后， 在 顶点 着 色 嚣 中， 我们 首先 按 之 前 对 顶 


点 的 处 理 方法 计算 顶点 的 偏 移 量 ， 不 同 的 是 ， 我 们 直接 把 偏 移 值 加 到 顶点 位 置 变 量 中 ， 再 使 用 
TRANSFER_SHADOW_CASTER _NORMALOFFSET 来 让 Unity 为 我 门 完 成 剩 下 的 事情 。 在 片 元 着 色 器 中 ， 
我 们 直接 使 用 SHADOW_CASTER_FRAGMENT 来 让 Unity 自 动 完 成 阴影 投射 的 部 分 ， 把 结果 输出 到 深度 图 


和 阴影 映射 纹理 中 。 


通过 Unity 提 供 的 这 3 个 内 置 宏 〈 在 UnityCG.cginc 文 件 中 被 定义 ) ， 我 们 可 以 方便 地 自 定义 需要 的 阴影 
投射 的 Pass， 但 由 于 这 些 宏 里 需要 使 用 一 些 特定 的 输入 变量 ， 因 此 我 门 需要 保证 为 它们 提供 了 这 些 变量 。 
例如 ，TRANSFER_SHADOW_CASTER_NORMALOFFSET 会 使 用 名 称 v 作 为 输入 结构 体 ，v 中 需要 包含 顶 
点 位 置 v.vertex 和 顶点 法 线 v.normal 的 信息 ， 我 们 可 以 直接 使 用 内 置 的 appdata_base 结 构 体 ， 它 包含 了 这 些 必 
需 的 顶点 变量 。 如 果 我 们 需要 进行 顶点 动画 ， 可 以 在 顶点 着 色 器 中 直接 修改 vvertex， 再 传递 给 

TRANSFER_SHADOW_CASTER_NORMALOFFSET 即 可 。 在 15.1 节 中 ， 我 们 还 会 看 到 如 何在 阴影 投射 的 
Pass 中 剔除 片 元 ， 以 实现 自 定 义 的 透明 度 测 斌 效果。 


第 4 篇 ”高 级 篇 

高 级 篇 涵盖 了 一 些 Shader 的 高 级 用 法 ， 例 如 ， 如 何 实现 屏幕 特 
效 、 利 用 法 线 和 深度 缓冲 ， 以 及 非 真 实感 泻 染 等 ， 同 时 ， 我 们 还 会 介 
绍 一 些 针 对 移动 平台 的 优化 技巧 。 

第 12 章 屏幕 后 处 理 效果 


这 一 章 将 介绍 如 何在 Unity 中 实现 一 个 基本 的 屏 才 后 处 理 脚本 系 
统 ， 并 给 出 一 些 基 本 的 屏 医 特效 的 实现 原理 ， 如 高 期 模糊、 边缘 检测 
等 O 


第 13 章 使 用 深度 和 法 线 纹 理 
本 章 将 介绍 如 何在 Unity 中 获取 这 些 特殊 的 纹理 来 实现 屏幕 特效 。 
第 14 章 非 真实 感 泻 染 


这 一 章 将 会 给 出 毅 见 的 非 真实 感 泻 染 的 算法 ， 如 卡通 泻 染 、 素 描 
风格 的 演 染 等 。 


第 15 章 使 用 噪声 


很 多 时 候 噪 声 是 我 们 实现 特效 的 “救星 ”。 本 章 给 出 了 噪声 在 游戏 
党 染 中 的 一 些 应 用 。 


第 16 章 Unity 中 的 演 染 优化 技术 


优化 往往 是 游戏 演 染 中 的 重点 。 这 一 和 章 介 绍 了 Unity 中 针对 移动 平 
台 第 见 的 优化 技巧 。 


第 12 章 ”屏幕 后 处 理 效果 


屏幕 后 处 理 效 果 (screen post-processing effects) 是 游戏 中 实现 
屏 人 莫 特效 的 常见 方法 。 在 本 章 中 ， 我 们 将 学 习 如 何在 Unity 中 利用 泻 染 
纹理 来 实现 各 种 常见 的 屏幕 后 处 理 效 果 。 在 12.1 节 中 ， 我 们 首先 会 解 
释 在 Unity 中 实现 屏幕 后 处 理 效果 的 原理 ， 并 建立 一 个 基本 的 屏幕 后 处 
理 脚本 系统 。 随 后 在 12.2 市 中 ， 我 们 会 使 用 这 个 系统 实现 一 个 简单 的 
调整 画面 亮度 、 饱 和 度 和 对 比 度 的 屏 医 特 效 。 在 12.3 节 中， 我 们 会 接 
触 到 图 像 滤波 的 概念 ， 并 利用 Sobel 算 子 在 屏幕 空间 中 对 图 像 进行 边缘 
仿 测 ， 实 现 描 边 效果 。 在 此 基础 上 ，12.4 节 将 会 介绍 如 何 实现 一 个 高 
斯 模糊 的 屏幕 特效 。 在 12.5 和 12.6 节 中 ， 我 们 会 分 别 介绍 如 何 实现 
Bloom 和 运动 模糊 效果 。 


12.1 建立 一 个 基本 的 屏幕 后 处 理 脚 本 系统 


屏幕 后 处 理 ， 顾 名 思 义 ， 通 常 指 的 是 在 泻 染 完整 个 场景 得 到 屏幕 图 像 后 ， 再 对 这 个 图 像 进行 一 
系列 操作 ， 实 现 各 种 屏幕 特效 。 使 用 这 种 技术 ， 可 以 为 游戏 画面 深 加 更 多 的 艺术 效果 ， 例 如 景深 


Depth of Field) 、 运 动 模糊 (Motion Blur) 等 。 


对 此 ， 想 要 实现 屏幕 后 处 理 的 基础 在 于 得 到 演 染 后 的 屏幕 图 像 ， 即 抓 取 屏 间 ， 而 Unity 为 我 们 提 
供 了 这 样 一 个 方便 的 接口 一 一 OnRenderImage 函数 。 它 的 函数 声明 如 下 : 


让 


MonoBehaviour .OnRenderImage (RenderTexture src, RenderTexture dest ) 


当 我 们 在 脚本 中 声明 此 函数 后 ，Unity 会 把 当前 泻 染 得 到 的 图 像 存 储 在 第 一 个 参数 对 应 的 源深 
纹理 中 ， 通 过 函数 中 的 一 系列 操作 后 ， 再 把 目标 泻 染 纹 理 ， 即 第 二 个 参数 对 应 的 泻 染 纹理 显示 到 
幕 上 。 在 OnRenderImage 函 数 中 ， 我 们 通常 是 利用 Graphics.Blit 函数 来 完成 对 渲染 纹理 的 处 理 。 
有 3 种 函数 声明 : 


REI 


public static void Blit(Texture src, RenderTexture dest); 
public static void Blit(Texture src, RenderTexture dest, Material mat, int pass = -1); 
public static void Blit(Texture src, Material mat, int pass = -1); 


其 中 ， 参 数 src 对 应 了 源 纹理 ， 在 屏幕 后 处 理 技术 中 ， 这 个 参数 通常 就 是 当前 屏幕 的 泻 染 纹理 或 
是 上 步 处 加 E 后 得 到 的 泻 梁 纹理。 参数 dest 是 目标 泻 染 纹理 ， 如 果 它 的 值 为 null 就 会 直接 将 结果 显示 
在 屏幕 上 。 参 数 mat 是 我 们 使 用 的 材质 ， 这 个 材质 使 用 的 Unity Shader 将 会 进行 各 科 幕后 处 理 操 
作 ， 而 src 纹 理 将 会 被 传递 给 Shader 中 名 为 _MainTex 的 纹理 属性 。 参 数 pass 的 默认 值 为 -1， 表 示 将 会 
依次 调用 Shader 内 的 所 有 Pass。 否 则 ， 只 会 调用 给 定 索 引 的 Pass 。 


在 默认 情况 下 ，OnRenderImage 函 数 会 在 所 有 的 不 透明 和 透明 的 Pass 执 行 完 毕 后 被 调用 ， 以 便 对 
场景 中 所 有 游戏 对 象 都 产生 影响 。 但 有 时 ， 我 们 希望 在 不 透明 的 Pass 〈 即 泻 染 队列 / \ 于 等 于 2500 的 
Pass， 内 置 的 Background、Geometry 和 AlphaTest 泻 染 队 列 均 在 此 范围 内 ) 执行 完毕 后 立即 调用 
OnRenderImage 画 数 ， 从 而 不 对 透明 物体 产生 任何 影响 。 此 时 ， 我 们 可 以 在 OnRenderImage 画 数 前 添 
加 ImageEffectOpaque 属 性 来 实现 这 样 的 目的 。13.4 节 展示 了 这 样 一 个 例子 ， 在 13.4 节 中 ， 我 们 会 利用 
深度 和 法 线 纹理 进行 边缘 检测 从 而 实现 描 边 的 效果 ， 但 我 们 不 希望 透明 物体 也 被 描 边 。 


对 此 ， 要 在 Unity 中 实现 屏幕 后 处 理 效 果 ， 过 程 通常 如 下 : 我 们 首先 需要 在 摄像 中 添加 一 个 用 了 
屏幕 后 处 理 的 脚本 。 在 这 个 脚本 中 ， 我 们 会 实现 OnRenderImage 范 数 来 获取 当前 屏幕 的 渲染 纹理 。 
然后 ， 再 调用 Graphics. Bli 画 数 俩 用 特定 的 Unity Shader 来 对 当前 图 像 进行 处 理 ， 再 把 返回 的 洽 染 纹 

理 显示 到 屏幕 上 。 对 于 一 些 复杂 的 屏幕 特效 ， 我 们 可 能 需要 多 次 调用 Graphics. Blit 函 数 来 对 1 一步 的 
输出 结果 进行 下 一 步 处 理 。 


但 是 ， 在 进行 屏幕 后 处 理 之 前 ， 我 们 需要 检查 一 系列 条 件 是 否 满足 ， 例 如 当前 平台 是 否 文 持 泻 
理 和 屏幕 特效 ， 是 否 支 持 当 前 使 用 的 Unity Shader 等 。 为 此 ， 我 们 创建 了 一 个 用 于 屏幕 后 处 理 效 
基 类 ， 在 实现 各 种 屏幕 特效 时 ， 我 们 只 需要 继承 自 该 基 类 ， 再 实现 派生 类 中 不 同 的 操作 即 可 。 

可 在 本 书 资源 的 Assets/Scripts/Chapter12/PostEffectsBase.cs 中 找到 该 脚本 。 


4 


染 纹 
的 


下 


PostEffectsBase.cs 的 主要 代码 如 下 。 


(1) 首先 ， 所 有 屏 车 后 处 理 效果 都 需要 绑 定 在 茶 个 摄像 机 上 ， 且 我 们 希望 在 
可 以 执行 该 脚本 来 查看 效果 


Ns 
tt 


器 状态 下 也 


[ExecuteInEditMode] 
[RequireComponent (typeof(Camera))] 
public class PostEffectsBase : MonoBehaviour { 


(2) 为 了 提前 检查 各 种 资源 和 条 件 是 否 满 足 ， 我 们 在 Start 函 数 中 调用 CheckResources 画 数 : 


be 


// Called when start 
protected void CheckResources() { 
bool isSupported = CheckSupport(); 


if (isSupported == false) { 
NotSupported(); 


} 


// Called in CheckResources to check support on this platform 
protected bool CheckSupport() { 
if (SystemInfo.supportsImageEffects == false || SystemInfo.supportsRenderTextures == false) 
Debug.Logwarning("This platform does not support image effects or render textures."); 
return false; 


} 


return true; 


} 


// Called when the platform doesn't support this effect 
protected void NotSupported() { 

enabled = false; 
} 


protected void Start() { 
CheckResources(); 
} 


I 
上 


一 些 屏幕 特效 可 能 需要 更 多 的 设置 ， 例 如 设置 一 些 默认 值 等 ， 可 以 
CheckSupport 范 数 。 


载 Start、CheckResources 或 


下 
lu 


(3) 由 于 每 个 屏幕 后 处 理 效果 通常 都 需要 指定 一 个 Shader 来 创建 一 个 用 于 处 理 演 染 纹理 的 材 
质 ， 因 此 基 类 中 也 提供 了 这 样 的 方法 : 


// Called when need to create the material used by this effect 
protected Material CheckShaderAndCreateMaterial(Shader shader, Material material) { 
if (shader == null) { 
return null; 
} 


if (shader.isSupported && material && material.shader == shader) 
return material; 


If (!shader.isSupported) { 
return null; 
} 
else { 
material = new Material(shader); 
material.hideFlags = HideFlags.DontSave; 
if (material) 
return material; 
else 
return null; 


CheckShaderAndCreateMaterial 函 数 接受 两 个 参数 ， 第 一 个 参数 指定 了 该 特效 需要 使 用 的 
Shader， 第 二 个 参数 则 是 用 于 后 期 处 理 的 材质 。 该 函数 首先 检查 Shader 的 可 用 性 ， 检 查 通过 后 就 返回 
一 个 使 用 了 该 Shader 的 材质 ， 否 则 返回 null 。 


在 12.2 节 中 ， 我 们 就 会 看 到 如 何 继承 PostEffectsBase.cs 来 创建 一 个 简单 的 用 于 调整 屏幕 的 亮度 、 
饱和 度 和 对 比 度 的 特效 脚本 。 


12.2 ”调整 屏幕 的 亮度 、 饱 和 度 和 对 比 度 


在 12.1 节 中 ， 我 们 了 解 ] | 在 本 市 中 ， 我 们 就 小 斌 牛刀 来 实 
现 一 个 非常 简单 的 屏 的 亮度 、 饱 和 度 和 对 比 度 。 在 本 节 结 束 后 ， 我 们 将 得 
到 类 似 图 12.1 中 的 效果 。 


和 图 12.1 左 图 : 原 效果 。 右 图 调整 了 亮度 〈 值 为 12) 、 饱 和 度 ( 值 为 1.6) 和 对 比 度 ( 值 为 1.2) 后 的 效果 
为 此 ， 我 们 需要 进行 如 下 准备 工作 。 


(1) 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 Scene_12_2。 在 Unity 5.2 中 ， 默 认 情 况 下 
场景 将 包含 一 个 摄像 机 和 一 个 平行 光 ， 并 且 使 用 了 内 置 的 天 空 盒子 。 在 Window 一 Lighting 一 
Skybox 中 去 掉 场 景 中 的 天 空 盒子 。 


(2) 结 E 本 书 资源 中 的 Assets/Textures/Chapter12/Sakura0 .jpg 拖 电 到 场景 中 ， 并 调整 其 的 位 置 
使 它 可 以 填充 整个 场景 。 注 意 ，Sakura0.jpg 的 纹理 类 型 已 被 设置 为 Sprite， 因 此 可 以 直接 拖 电 到 
场景 中 。 


(3) 新 建 一 个 脚本 。 在 本 书 资源 中 ， 该 脚本 名 为 BrightnessSaturationAndContrast.cs。 把 该 
脚本 拖 暇 到 摄像 机 上 。 


(4) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Shader 名 为 Chapter12- 
BrightnessSaturationAndContrast ° 


我 们 首先 来 编写 BrightnessSaturationAndContrast.cs 脚 本 。 打 开 该 脚本 ， 并 进行 如 下 修改 。 
(1) 首先 ， 继 承 12.1 节 中 创建 的 基 类 : 


public class BrightnessSaturationAndContrast : PostEffectsBase { 


(2) 声明 该 效果 需要 的 Shader， 并 据 此 创建 相应 的 材质 : 


public Shader briSatConShader ; 
private Material briSsatConMaterial; 
public Material material { 
get { 
briSatConMaterial = CheckShaderAndCreateMaterial(brisatCconSshader, briSatconMaterial)l; 
return brisatConMaterial; 


在 上 述 代码 ' 


，briSatConShader 是 我 们 指定 的 Shader， 对 应 了 后 面 将 会 实现 的 Chapter12- 


BrightnessSaturationAndContrast。briSatConMaterial 是 创建 的 材质 ， 我 们 提供 了 名 为 material 的 材 


质 。 


质 来 访问 它 ，material 的 get 函 数 调用 了 基 类 的 CheckShaderAndCreateMaterial 函 数 来 得 到 对 应 的 材 


(3) 我 们 还 在 脚本 中 提供 了 调整 亮度 、 饱 和 度 和 对 比 度 的 参数 : 


[Range(0.0f, 3.0f)] 
public float brightness = 1.0f; 


[Range(0.0f, 3.0f)] 
public float saturation = 1.0f; 


[Range(0.0f, 3.0f)] 
public float contrast = 1.0f; 


我 们 利用 Unity 提 供 的 Range 属 性 为 每 个 参数 提供 了 合适 的 变化 区 间 。 


(4) 最 后 ， 我 们 定义 OnRenderImage 函 数 来 进行 真正 的 特效 处 理 : 


void OnRenderImage(RenderTexture src, RenderTexture dest) { 


if (material 
material. 
material. 
material. 


当 OnRenderImage 郴 数 被 
再 调用 Graphics.Blitj 井 行 处 理 


Graphics ， 
} else { 
Graphics. 
} 
} 
质 》 
修改 。 


!= nul1) { 

SetFloat("_Brightness", brightness); 
SetFloat("_Saturation", saturation); 
SetFloat("_ Contrast", contrast); 


Blit(src, dest, material); 


Blit(src, dest); 


时 ， 它 会 检查 材质 是 否 可 用 。 如 果 可 用 ， 就 把 参数 传递 给 材 
否则 ， 直 接 把 原 图 像 显 示 到 屏幕 上 ， 不 做 任何 处 理 。 


| 


下 面 ， 我 们 来 实现 Shader 的 部 分 。 打 开 Chapter12-BrightnessSaturationAndContrast， 进 行 如 下 


(1) 我 们 首先 需要 声明 本 例 使 用 的 各 个 属性 : 


Properties { 


_MainTex ("Base (RGB)", 2D) = "white" {} 
_Brightness ("Brightness", Float) = 1 
_Saturation("Saturation", Float) = 1 
_Contrast("Contrast", Float) = 1 


在 12.1 世 中， 我 们 提 到 Graphics.Blit(src, dest material) 将 把 第 一 个 参数 传递 给 Shader 中 名 为 
_MainTex 的 属性 。 因 此 ， 我 们 必须 声明 一 个 名 为 _MainTex 的 纹理 属性 。 除 此 之 外 ， 我 们 还 声明 
了 用 于 调整 亮度 、 饱 和 度 和 对 比 度 的 属性 。 这 些 值 将 会 由 脚本 传递 而 得 。 事 实 上 ， 我 们 可 以 省 
略 Properties 中 的 属性 声明 ，Properties 中 声明 的 属性 仅仅 是 为 了 显示 在 材质 面板 中 ， 但 对 于 屏幕 
特效 来 说 ， 它 们 使 用 的 材质 都 是 临时 创建 的 ， 我 们 也 不 需要 在 材质 面板 上 调整 参数 ， 而 是 直接 
从 脚本 传递 给 Unity Shader。 


(2) 定义 用 于 屏幕 后 处 理 的 Pass: 


SubShader { 
Pass { 
ZTest Always Cull Off Zwrite Off 


怪 幕 后 处 理 实际 上 有 是 在 场景 中 绘制 了 一 个 与 屏幕 同 宽 同 高 的 四 边 形 面 片 ， 为 了 防止 它 对 其 
他 物体 产生 影响 ， 我 们 需要 设置 相关 的 演 染 状态 。 在 这 里 ， 我 们 关闭 了 深度 写 入 ， 是 为 了 防止 
它 “ 挡 住 ?在 其 后 面 被 泻 染 的 物体 。 例 如 ， 如 果 当 前 的 OnRenderImage 函 数 在 所 有 不 透明 的 Pass 执 
行 完毕 后 立即 被 调用 ， 不 关闭 深度 写 入 就 会 影响 后 面 透 明 的 Pass 的 渲染 。 这 些 状态 设置 可 以 认为 
是 用 于 屏幕 后 处 理 的 Shader 的 “ 标 配 ”。 


(3) 为 了 在 代码 中 访问 各 个 属性 ， 我 们 需要 在 CG 代码 块 


声明 对 应 的 变量 : 


sampler2D _MainTex; 
half _Brightness; 


half _Saturation; 
half _Contrast; 


(4) 定义 顶点 着 色 器 。 屏 幕 特 效 使 用 的 顶点 着 色 器 代码 通常 都 比较 简单 ， 我 们 只 需要 进行 
必需 的 顶点 变换 ， 更 重要 的 是 ， 我 们 需要 把 正确 的 纹理 坐标 传递 给 片 元 着 色 器 ， 以 便 对 屏幕 图 
像 进 行 正 确 的 采样 : 


struct v2f { 
float4 pos : SV_POSITION; 
half2 uv: TEXCOORDO; 

}; 


v2f vert(appdata img v) { 
v2f 0) 


0.pos = mul(UNITY_MATRIX_MVP, Vv.vertex); 
Oo.UV = Vv.texcoord; 


return o; 


在 上 面 的 顶点 着 色 器 中 ， 我 们 使 用 了 Unity 内 置 的 appdata_img 结 构 体 作为 顶点 着 色 器 的 输 
入 ， 读 者 可 以 在 UnityCG.cginc 中 找到 该 结构 体 的 声明 ， 它 只 包含 了 图 像 处 理 时 必需 的 顶点 坐标 
和 纹理 坐标 等 变量 。 


(5) 接着 ， 我 们 实现 了 用 


于 调整 、 饱和 度 和 对 比 度 的 


fixed4 frag(v2f i) : SV_Target { 
fixed4 renderTex = tex2D(_MainTex, i.uv); 

// Apply brightness 

fixed3 finalCcolor = renderTex.rgb * _Brightness; 

// Apply saturation 


fixed3 luminanceColor = fixed3(luminance, luminance, luminance); 
finalColor = lerp(luminanceColor, finalColor, _Saturation); 


// Apply contrast 
fixed3 avgColor = fixed3(0.5, 0.5, 0.5); 
finalColor = lerp(avgColor, finalColor, _Contrast); 


return fixed4(finalColor, renderTex.a); 


fixed Juminance = 0.2125 * renderTex.r + 0.7154 * renderTex.g + 0.0721 * renderTex.b; 


} 
首先 ， 我 们 得 到 对 原 屏幕 图 像 (存储 在 MainTex 中 ) 的 采样 结果 renderTex。 然 后 ， 利 用 
_Brightness 属 性 来 调整 亮度 。 亮 度 的 调整 非常 简单 ， 我 们 只 需要 忆 原 颜色 乘 以 亮度 系数 
_Brightness 即 可 。 然 后 ， 我 们 计算 该 像素 对 应 的 亮度 值 (luminance) ， 这 是 通过 对 每 个 颜色 分 
量 乘 以 一 个 特定 的 系数 再 相 加 得 到 的 。 我 们 使 用 该 亮度 值 创建 了 一 个 光度 为 0 的 关公 值 使 
用 _Saturation 属 性 在 其 和 上 一 步 得 到 的 颜色 之 间 进 行 插值 ， 从 而 得 到 希望 的 饱和 度 颜 色 。 对 比 度 
的 处 理 类 似 ， 我 们 首先 创建 一 个 对 比 度 为 0 的 颜色 值 分 量 均 为 0.5) ， 再 使 用 _Contrast 属 性 在 
其 和 上 一 步 得 到 的 颜色 之 间 进 行 插值 ， 从 而 得 到 最 终 的 处 理 结果 。 
(6) 最 后 ， 我 们 关闭 该 Unity Shader 的 Fallback: 
Fallback Off 
完成 后 返回 编辑 器 ， 并 把 Chapter12-BrightnessSaturationAndContrast 拖 忠 到 摄像 机 的 
Brightness SaturationAndContrast.cs 脚 本 中 的 briSatConShader 参 数 中 。 调 整 各 个 参数 后 ， 我 们 就 可 
以 得 到 类 似 图 12.1 中 的 效果 。 
@Inspector | Fe 
人 BrightnessSaturationAndContrast Im 全 
. [Open... | [Execution Order.. 加 
Corsa 
A 图 12.2 ”为 脚本 设置 Shader 的 默认 值 
在 上 面 的 实现 中 ， 我 们 需要 手动 把 Shader 拖 忠 到 脚本 的 参数 上 。 为 了 在 以 后 的 使 用 中 ， 当 把 
脚本 拖 暇 到 摄像 机 上 时 直接 使 用 对 应 的 Shader， 我 们 可 以 在 脚本 的 面板 ， 设置 Shader 参 数 的 默认 


i 


， 如 图 12.2 所 示 。 


12.3 ”边缘 检测 

在 12.2 节 中 ， 我 们 已 经 学 习 了 如 何 实现 一 个 简单 的 屏幕 后 处 理 效果 。 在 本 节 中 ， 我 们 会 学 习 一 
个 常见 的 屏幕 后 处 理 效 果 一 边缘 检测 。 ; 边缘 检测 是 措 边 效果 的 一 各 实现 方法 ”在 本 凶 结 末 后 我 
们 可 以 得 到 类 似 图 12.3 中 的 效果 。 


边缘 检测 的 原理 是 利 
了 解 什么 是 卷 积 。 


什么 
在 图 像 处 理 


12.3.1 


一 系列 操作 。 卷 积 核 通常 


个 权重 值 。 当 对 
图 12.4 所 示 ， 


都 有 一 


图 12.3 左 图 


是 卷 积 


中 ， 卷 和 


! 操 作 指 


名 


翻转 核 之 后 


加 | 


12.4” 卷 积 核 : 


果 就 是 该 位 置 的 新 像素 值 。 


乡 网 格 结构 (例如 2x2、3x3 的 方形 区 
图 像 中 的 某 个 像素 进行 


一 个 3x3 的 卷 积 


这 


时 ， 我 们 


与 卷 积 。 使 


先 把 卷 积 核 的 


这 样 的 i 


十 算 过 程 虽 然 简单 
等 。 例 如 ， 如 果 


为 /9。 


我 们 想 要 对 图 


ER ， 但 可 


核 


一 个 5x5 的 图 像 


个 3x3 大 小 的 卷 积 核对 一 张 5x5 大 4 
FP 心 放置 在 该 像素 位 


， 翻 转 核 之 后 


: 12.2 节 得 到 的 结 寻 


用 一 些 边 缘 检测 算 子 对 图 像 进 行 


的 就 是 使 用 一 个 卷 积 核 (kernel) 对 一 张 
常 是 一 个 四 方 


区 


行 边 缘 检测 后 的 效 呈 


且 . 


卷 积 (convolution) 操作 ， 我 们 首先 来 


图 像 中 


域 ) ， 该 区 域内 每 个 方 格 
卷 积 时 ， 我 们 会 把 卷 积 核 的 中 心 放置 3 


的 每 个 像素 进行 


该 像素 上 ， 如 


再 依次 计算 核 中 每 个 元 素 和 其 覆盖 的 图 像 像素 值 的 乘 


进行 卷 积 计算 


\ 的 图 像 进行 卷 积 操作 ， 当 


计算 图 


中 


BEY 


积 并 求 和 ， 得 到 的 结 


依次 计算 核 中 每 个 元 素 和 


得 到 新 的 


以 实现 很 多 常 
均值 模糊 ， 


像 进行 


象 素 值 


色 方块 对 应 的 像素 的 卷 积 


其 覆盖 的 


| 


L 的 图 像 处 理 


效果 ， 


12.3.2 ”常见 的 边缘 检测 算 子 


可 以 使 


和 象 像 素 值 的 乘积 并 


列 如 图 像 模 糊 、 
一 个 3x3 的 卷 积 核 ， 核 内 每 个 元 素 的 值 均 


求 和 ， 


边缘 检测 


卷 积 操作 的 神奇 之 处 在 于 选择 的 卷 积 核 。 那 么 ， 用 于 边缘 检测 的 卷 积 核 (也 被 称 为 边缘 检测 算 
子 ) 应 该 长 什么 样 呢 ? 在 回答 这 个 问题 前 ， 我 们 可 以 首 移 回想 一 下 边 到 底 是 如 何 形成 的 。 如 果 相 邻 
像素 之 间 存 在 差别 明显 的 颜色 、 亮 度 、 纹 理 等 属性 ， 我 们 就 会 认为 它们 之 间 应 该 有 一 条 边界 。 这 种 
相 邻 像素 之 间 的 差 值 可 以 用 梯度 (gradient) 来 表示 ， 可 以 想象 得 到 ， 边 缘 处 的 梯度 绝对 值 会 比较 
大 。 基 于 这 样 的 理解 ， 有 几 种 不 同 的 边缘 检测 算 子 被 先后 提出 来 。 


Roberts Prewitt Sobel 
a EE FE 
goolaooMoogleoa 
| 加 四 加 加 加 可 
x y G: 人 G; 6, 


图 12.5 ”3 种 常见 的 边缘 检测 算 子 
3 种 常见 的 边缘 检测 算 子 如 图 12.5 所 示 ， 它 们 都 包含 了 两 个 方向 的 卷 积 核 ， 分 别 用 于 检测 水 平 


方向 和 坚 直方 向 上 的 边缘 信息 。 在 进行 边缘 检测 时 ， 我 们 需要 对 每 个 像素 分 别 进行 一 次 卷 积 计 算 ， 
得 到 两 个 方向 上 的 梯度 值 G 和 Gy ， 而 整体 的 梯度 可 按 下 面 的 公式 计算 而 得 ; 


G= V/G2+G2 


于 上 述 计 算 包 含 了 开 根 号 操作 ， 


于 性 能 的 考虑 ， 我 们 有 时 会 使 用 绝对 值 操作 来 代替 开 根 号 


LL 


操作 : 


G=|lGzl+lGy 


三 


当 得 到 梯度 G 后 ， 我 们 就 可 以 据 此 来 判断 哪些 像素 对 应 了 边缘 (梯度 值 越 大 ， 越 有 可 能 是 边缘 


12.3.3 ”实现 
本 节 将 会 使 用 Sobel 算 子 进行 边缘 检测 ， 实 现 描 边 效果 。 为 此 ， 我 们 需要 进行 如 下 准备 工作 。 
1) 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 Scene_12_3。 在 Unity 5.2 中 ， 默 认 情 况 下 场 
景 将 包含 一 个 摄像 机 和 一 个 平行 光 ， 并 且 使 用 了 内 置 的 天 空 盒子 。 在 Window ->Lighting -> Skybox 
去 掉 场 景 中 的 天 空 盒 子 。 


2) 把 本 书 资 源 中 的 Assets/Textures/Chapter12/Sakura0.jpg 拖 电 到 场景 中 ， 并 调整 它 的 位 置 使 
其 可 以 填充 整个 场景 。 注 意 ，Sakura0.jpg 的 纹理 类 型 已 被 设置 为 Sprite， 因 此 可 以 直接 拖 上 忠 到 场景 


3) 新 建 一 个 脚本 。 在 本 书 资源 中 ， 该 脚本 名 为 EdgeDetection.cs。 把 该 脚本 拖 忠 到 摄像 机 


4) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Shader 名 为 Chapter12-EdgeDetection 。 
我 们 首先 来 编写 EdgeDetection.cs 脚 本 。 打 开 该 脚本 ， 并 进行 如 下 修改 。 
(1) 首先 ， 继 承 12.1 节 中 创建 的 基 类 : 


public class EdgeDetection : PostEffectsBase { 


(2) 声明 该 效果 需要 的 Shader， 并 据 此 创建 相应 的 材质 : 


public Shader edgeDetectShader; 
private Material edgeDetectMaterial = null; 
public Material material { 


get { 
edgeDetectMaterial = CheckShaderAndCreateMaterial(edgeDetectShader, edgeDetectMaterial)|; 


return edgeDetectMaterial; 


在 上 述 代码 中 ，edgeDetectShader 是 我 们 指定 的 Shader， 对 应 了 后 面 将 会 实现 的 Chapter12- 
EdgeDetection ° 


(3) 在 脚本 中 提供 用 于 调整 边缘 线 强 度 、 描 边 颜 色 以 及 背景 颜色 的 参数 : 


[Range(0.0f, 1.0f)] 
public float edgesonly = 0.0of; 


public Color edgeColor = Color.black; 


public Color backgroundColor = Color .white; 


当 edgesOnlyf 边缘 将 会 登 加 在 原 泻 染 图 像 上 ; 当 edgesOnly 值 为 1 时 ， 则 会 只 显示 边 
缘 ， 不 显示 原 泻 染 图 像 。 ， 背 景 颜色 由 backgroundColor 指 定 ， 边 缘 颜色 由 edgeColor 指 定 。 


TH 


(4) 最 后 ， 我 们 定义 OnRenderImage 函 数 来 进行 真正 的 特效 处 理 : 


void OnRenderImage (RenderTexture src, RenderTexture dest) { 
if (material != null) { 
material.SetFloat("_EdgeOnly", edgesonly); 
material.SetCcolor("_EdgeColor", edgeColor); 
material.Setcolor("_BackgroundColor", backgroundColor); 


Graphics.Blit(src, dest, material); 
} else { 
Graphics.Blit(src, dest); 


} 
} 

每 当 OnRenderImage 函 数 被 调用 时 ， 它 会 检查 材质 是 否 可 用 。 如 果 可 用 ， 就 把 参数 传递 给 材 
质 ， 再 调用 Graphics.Blit 进 行 处 理 ， 否 则 ， 直 接 把 原 从 思 示 到 | 屏幕 上 ， 不 做 任何 处 理 。 


下 面 ， 我 们 来 实现 Shader 的 部 分 。 打 开 Chapter12-EdgeDetection， 进 行 如 下 修改 。 
(1) 我 们 首先 需要 声明 本 例 使 用 的 各 个 属性 : 


Properties { 


_MainTex ("Base (RGB)", 2D) = "white" {} 
_EdgeOnly ("Edge Only", Float) = 1.0 
_EdgeColor ("Edge Color", 


Color) = (0, 0, 0, 1) 


_BackgroundColor ("Background Color", Color) = (1, 1, 1, 1) 
} 
_MainTex 对 应 了 输入 的 泻 染 纹理 。 
(2) 定义 用 于 屏幕 后 处 理 的 Pass， 设 置 相关 的 泻 染 状态 : 


SubShader { 
Pass { 
ZTest Always Cull Off Zwrite Off 


(3) 为 了 在 代码 


访问 各 个 


调 


sampler2D _MainTex; 

half4 _MainTex_TexelSize,; 
fixed _EdgeOonly; 

fixed4 _EdgeColor; 

fixed4 _BackgroundColor; 


， 我 们 需要 在 CG 代码 块 


声明 对 应 的 变量 : 


中 


在 上 面 的 代码 


我 们 还 声明 了 一 个 新 的 变量 _MainTex_TexelSize。xxx_TexelSize 是 Unity 为 我 


们 提供 的 访问 xxx 纹 理 对 应 的 每 个 纹 素 的 大 小 。 例 如 ， 


一 张 512x512 大 小 的 纹理 该 值 大 约 为 


0.001953 ( 即 1/512) 


(4) 在 顶点 着 色 器 的 代码 


， 我 们 计算 了 边 


。 由 于 卷 积 需要 对 相 邻 区 域内 的 纹理 进行 采样 ， 因 此 我 们 
_MainTex_TexelSize 来 计算 各 个 相 邻 区 域 的 纹理 坐标 。 


需要 利用 


力 缘 检测 时 需要 的 纹理 坐标 : 


struct v2f { 
float4 pos : 
half2 uv[9] 


SV_POSITION,; 
: TEXCOORDO,; 


}; 


v2f vert(appdata img v) { 
v2f 0o; 
0,pos = mul(UNITY_MATRIX_MVP, Vv.vertex); 


half2 uv = v.texcoord; 


oO.Uv[0] = uv + _MainTex_TexelSize.xy * half2(-1, -1); 
oO.Uv[1] = uv + _MainTex_TexelSize.xy * half2(0, -1); 
oO.UVv[2] = uv + _MainTex_TexelSize.xy * half2(1, -1); 
oO.Uv[3] = uv + _MainTex_TexelSize.xy * half2(-1, 0); 
O.Uv[4] = uv + _MainTex_TexelSize.xy * half2(0, 0); 
oO.Uv[5] = uv + _MainTex_TexelSize.xy * half2(1, 0); 
O.Uv[6] = uv + _MainTex_TexelSize.xy * half2(-1, 1); 
O.UVv[7] = uv + _MainTex_TexelSize.xy * half2(0, 1); 
O.Uv[8] = uv + _MainTex_TexelSize.xy * half2(1, 1); 
return o; 


我 们 在 v2f 结 构 体 中 定义 了 一 个 维 数 为 9 的 纹理 数组 ， 对 应 了 使 用 Sobel 算 子 采样 时 需要 的 9 个 
域 纹理 坐标 。 通 过 把 计算 采样 纹理 坐标 的 代码 从 片 元 着 色 器 中 转移 到 顶点 旨 关中 可以 减少 运 
算 ， 提 高 性 能 。 由 于 从 顶点 着 色 器 到 片 元 着 色 器 的 插值 是 线性 的 ， 因 此 这 样 的 转移 并 不 会 影响 纹理 


坐标 的 计算 结果 。 


(5) 片 元 着 色 器 是 我 们 的 重点 ， 它 的 代码 如 下 : 


TH 


LL 二 


fixed4 fragSobel(v2f i) : SV_Target { 
half edge = Sobel(i); 


fixed4 withEdgeColor = lerp(_EdgeColor, tex2D(_MainTex, i.uv[4]), edge); 
fixed4 onlyEdgeColor = lerp(_EdgeColor, _BackgroundColor, edge); 
return lerp(withEdgeColor, onlyEdgeColor, _EdgeOnly); 


我 们 首先 调用 Sobel 范 数 计算 当前 像素 的 梯度 值 edge， 并 利用 该 值 分 别 计算 了 背景 为 原 图 和 纯 
色 下 的 颜色 值 ， 然 后 利用 _EdgeOnly 在 两 者 之 间 揪 值得 到 最 终 的 像素 值 。Sobel 芳 数 将 利用 Sobel 算 子 
对 原 图 进行 边缘 检测 ， 它 的 定义 如 下 : 


fixed luminance(fixed4 color) { 
return 0.2125 * color.r + 0.7154 * color.g + 0.0721 * color.b; 


} 


half Sobel(v2f i) { 
const half Gx[9] = {-1i, -2, -1, 


1, 2, 1}; 
const half Gy[9] = {-1i, 0, 1, 

2 0, 2, 

1; 0, 1}; 


half texColor; 

half edgeXx = 0; 

half edgeY = 0; 

for (int it = 0; it < 9; it++) { 
texColor = luminance(tex2D(_MainTex, i.uv[it])); 
edgeX += texColor * Gx[it]; 
edgeY += texColor * Gy[it]; 

} 


half edge = 1 - abs(edgeX) - abs(edgeY); 


return edge; 


我 们 首先 定义 了 水 平方 向 和 竖 直 方向 使 用 的 卷 积 核 G 和 Gy 。 接 着 ， 我 们 依次 对 9 个 像素 进行 采 
样 ， 计 算 它 们 的 亮度 值 ， 再 与 卷 积 核 G 和 Gy 中 对 应 的 权重 相 乘 后 ， 码 加 到 各 目的 梯度 值 上 。 最 
和 
越 可 能 是 一 个 边缘 点 。 至 此 ， 边 缘 检测 过 程 结束 。 


(6) 当然 ,我们 也 关闭 了 该 Shader 的 Fallback: 


Fallback Off 


edgeDetectShader 参 数 
的 默认 值 设 置 为 Chapter12-EdgeDetection， 这 检 


完成 后 返回 编辑 器 ， 并 把 Chapter12-EdgeDetection 拖 忠 到 摄 
1。 当然 ， 我 们 可 以 在 EdgeDetection.cs 的 脚本 面板 中 将 edgeDetectShader 参 数 
时 每 次 都 手动 拖 忠 了 。 图 12.6 显 


示 了 edgeOnly 参 数 为 1 时 对 应 的 屏幕 效果 。 


象 机 的 EdgeDetection.cs 肢 本 


就 不 需要 以 后 使 


A 图 12.6 ”只 显示 边缘 的 屏幕 效 呈 


需要 注意 的 是 ， 本 节 实 现 的 边缘 检测 仅仅 利 


FH 


往 会 在 屏幕 的 深度 纹理 和 法 线 纹理 上 进行 边缘 检测 。 我 们 将 会 在 13.4 克 


理 、 阴 影 等 信息 
边 毕 信息， 我 们 和 
种 方法 。 


的 


了 屏幕 颜色 信息 ， 而 在 实际 应 用 中 ， 物 体 的 纹 


息 均 会 影响 边缘 检测 的 结果 ， 使 得 结果 包含 许多 非 预 期 的 描 边 。 为 了 得 到 更 加 准确 的 


实现 这 


12.4 ”高 斯 模糊 


在 12.3 节 
将 学 习 着 宫 的 


P 人 党 后 


力 个 常见 应 用 


我 们 学 习 了 卷 积 的 概念 ， 


模糊 同样 使 用 
到 的 像素 值 是 
掉 原 颜色 。 


邻 域内 各 个 像素 值 


个 目 


的 平 


“均值 。 


12.4.1 高 斯 滤波 


高 斯 模糊 同样 利用 了 卷 积 计算 
中 每 个 元 素 的 计算 都 是 基 


| 


7 


一 


kt 中 ，a 是 标准 方差 (一 般 取 值 


一 个 高 斯 核 ， 我 们 只 需要 


需要 对 高 斯 核 中 的 权重 进行 归 一 化 ， 即 
对 此 ， 高 斯 函数 中 e 前 再 


为 1) 
算 高 斯 核 中 各 个 


的 系数 实际 不 会 对 和 


而 中 值 模糊 则 是 选择 邻 域 内 对 所 有 像素 
高 级 的 模糊 方法 是 高 斯 模糊 。 在 学 习 完 本 节 后 ， 


12.7 ”左边 为 原 效 竖 


并 利用 卷 积 实现 了 一 个 简单 的 边缘 检测 效果 。 
高 斯 模糊 。 模 糊 的 实现 有 很 多 方法 ， 例 如 均值 模糊 和 中 值 模糊 。 
了 卷 积 操作 ， 它 使 用 的 卷 积 核 中 的 各 个 元 素 值 都 相等 ， 


” 


我 们 可 以 得 到 类 似 图 12.7 中 日 


， 右 边 为 高 斯 模糊 后 的 效果 


在 本 节 


且 相 加 等 于 1， 也 就 是 说 ， 卷 积 后 得 


!， 我 们 


均值 


排序 后 的 


直 圭 换 


rear 
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它 使 用 的 卷 积 核 名 为 高 斯 核 
i 的 高 斯 方程 : 


1 


2 2 
_ z2+y? 
2 


G (xX,y)=270? 


，xX 和 y 分 别 对 应 了 当前 位 置 到 卷 积 核 


F 方 


立 置 对 应 的 高 
让 每 个 权重 除 以 所 有 权重 


高 斯 核 。 


果 有 任 


高 斯 方程 很 好 地 模拟 了 邻 域 每 个 像素 对 当 


别 是 图 像 的 宽 和 高 ) 次 纹理 采样 。 
以 把 
图 ) 先后 对 图 像 进行 ; 
2xNxWxH。 我 们 可 


虑 波 ， 它 们 得 


进 


的 维 数 越 高 ， 模 糊 程 度 越 大 。 使 用 一 个 NxN 的 
这 个 二 维 高 斯 函数 拆 分 成 两 个 一 维 画 


前 处 班 


类 o 


三 到 


[可 


何 影响 。 


像素 
斯 核对 图 
当 N 的 大 小 不 断 增 加 


图 


也 就 是 说 ， 


的 和 ， 这 样 可 


斯 值 。 为 了 保证 滤波 后 的 


12.8 显 示 了 一 个 标准 方差 为 1 


的 影响 程度 一 一 距离 
像 进 行 卷 积 滤波 ， 
时 ， 采 样 次 数 会 变 得 
我 们 可 以 使 用 两 个 一 


到 的 结 


果 和 


接 


更 用 


非常 


以 保证 所 有 


权 


越 近 ， 


维 的 高 斯 核 (图 


二 维 高 


步 观 察 到 ， 两 个 一 维 高 斯 


口 


A、 


维 高 斯 核 ， 我 们 实际 


需要 记录 3 个 权重 


值 即 可 。 


f 核 


包含 了 很 多 重复 


核 是 一 样 


的 权 习 


的 ， 但 


采样 次 数 只 需要 
EE。 对 于 一 个 大 


效果 。 


心 的 整数 距离 。 要 构建 
图 像 不 会 变 上 暗 ， 


12.8 中 的 


乡 大 小 的 滤波 核 ， 


我 们 


重 的 和 为 1 。 
的 5x5 大 小 的 


影响 越 大 。 高 斯 核 
就 需要 NxNxWxH (W 和 H 分 
巨大 。 幸 运 的 是 ， 


我 们 可 
右 


,为 5 的 一 


0.0133 0.0133 | 0.0030 
0.0596 | 0.0983 | 0.0596 


0.0133 | 0.0596 | 0.0983 | 0.0596 | 0.0133 
0.0030 | 0.0133 | 0.0219 | 0.0133 | 0.0030 


和 图 12.8 一 个 5x5 大 小 的 高 斯 核 。 左 图 显示 了 标准 方差 为 1 的 高 斯 核 的 权重 分 布 ， 我 们 可 以 把 这 个 二 维 高 斯 核 拆 分 成 两 个 一 维 的 高 斯 核 ( 右 
图 ) 


在 本 节 ， 我 们 将 会 使 用 上 述 5x5 的 高 斯 核对 原 图 像 进行 高 斯 模糊 。 我 们 将 移 后 调用 两 个 pass， 第 一 个 
Pass 将 会 使 用 竖 直 方向 的 一 维 高 斯 核对 图 像 进行 滤波 ， 第 二 个 Pass 再 使 用 水 平方 向 的 一 维 高 斯 核对 图 像 进 
行 滤波 ， 得 到 最 终 的 目标 图 像 。 在 实现 中 ， 我 们 还 将 利用 图 像 缩 放 来 进一步 提高 性 能 ， 并 通过 调整 高 斯 
滤波 的 应 用 次 数 来 控制 模糊 程度 次数 越 多 ， 图 像 越 模 糊 


AS 
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12.4.2 ”实现 
为 此 ， 我 们 需要 进行 如 下 谁 备 工作 。 


(1) 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 Scene_12_4。 在 Unity 5.2 中 ， 默 认 情 况 下 场景 将 包 
含 一 个 摄 最 像 机 和 个 平行 光 ， 并 且 使 用 了 内 置 的 天 空 盒子 。 在 Window 一 Lighting -~ Skybox 中 去 掉 场 景 中 
的 天 空 全 全 


(2) 把 本 书 资 。， 1 的 Assets/Textures/Chapter12/Sakural.jpg 拖 忠 到 场景 调整 的 位 置 使 其 可 以 填 
充 整个 场景 。 注 意 ，Sakural.jpg 的 纹理 类 型 已 被 设置 为 Sprite， 因 此 可 以 直接 拖 忠 到 场景 中 。 


(3) 新 建 一 个 脚本 。 在 本 书 资源 中 ， 该 脚本 名 为 GaussianBlurcs。 把 该 脚本 拖 电 到 摄像 机 上 。 


(4) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Shader 名 为 Chapter12-GaussianBlur 。 
我 们 首先 来 编写 GaussianBlur.cs 脚 本 。 打 开 该 脚本 ， 并 进行 如 下 修改 。 
(1) 首先 ， 继 承 12.1 节 中 创建 的 基 类 : 


public class GaussianBlur : PostEffectsBase { 


(2) 声明 该 效果 需要 的 Shader， 并 据 此 创建 相应 的 材质 : 


public Shader gaussianBlurShader; 
private Material gaussianBlurMaterial = null,; 


public Material material { 
get { 


return gaussianBlurMaterial; 


gaussianBlurMaterial = CheckShaderAndCreateMaterial(gaussianBlurShader, gaussianBlurMaterial)); 


a 


在 上 述 代 码 中 ，gaussianBlurShader 是 我 们 指定 的 shader， 对 应 了 后 面 将 会 实现 的 Chapter12- 


GaussianBlur ° 


ey 


(3) 在 脚本 中 ， 我 们 还 提供 了 调整 高 斯 模糊 迭代 次 数 、 模 糊 范 围 和 缩放 系数 的 参数 ; 


// Blur iterations - larger number means more blur. 
[Range(9，4)] 
public int iterations = 3; 


// Blur spread for each iteration - larger value means more blur 


[Range(0.2f, 3.0f)] 
public float blurSpread = 0.6f; 


[Range(1, 8)] 
public int downSample = 2; 


blurSpread 和 downSample 都 是 出 于 性 能 的 考虑 。 在 高 斯 核 维 数 不 变 的 情况 下 ，_BlurSize 越 大 ， 模 糊 程 
度 越 高 ， 但 采样 数 却 不 会 受到 影响 。 但 过 大 的 _BlurSize 值 会 造成 虚 影 ， 这 可 能 并 不 是 我 们 希望 的 。T 
downSample 越 大 ， 需 要 处 理 的 像素 数 越 少 ， 同 时 也 能 进一步 提高 模糊 程度 ， 但 过 大 的 downSample 可 能 
使 图 像 像素 化 。 


(4) 最 后 ， 我 们 需要 定义 关键 的 OnRenderImage 函 数 。 我 们 首先 来 看 第 个 版 本 ， 也 就 是 最 简单 的 


HD 


OnRenderImage 的 实现 : 


之 
沙 


中 于 
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/// 1st edition: just apply blur 
void OnRenderImage(RenderTexture src, RenderTexture dest) { 
If (material != null) { 
int rtw = src.width; 
int rtH = src.height; 
RenderTexture buffer = RenderTexture.GetTemporary(rtwW, rtH, 0); 


// Render the vertical pass 
Graphics.Blit(src, buffer, material, 0); 
// Render the horizontal pass 
Graphics.Blit(buffer, dest, material, 1); 


RenderTexture.ReleaseTemporary(buffer); 


} else { 
Graphics.Blit(src, dest); 


} 
} 

与 上 两 节 的 实现 不 同 ， 我 们 这 里 利用 RenderTexture.GetTemporary 函 数 分 配 了 一 块 与 屏幕 图 像 大 小 相 
司 的 缓冲 区 。 这 是 因为 ， 高 斯 模糊 需要 调用 两 个 pass， 我 们 需要 使 用 一 块 中 间 缓 存 来 存储 第 一 个 Pass 执 行 
完毕 后 得 到 的 模糊 结果 。 如 代码 所 示 ， 我 们 首先 调用 Graphics.Blit(src, buffer, material, 0)， 使 用 Shader 中 的 


第 一 个 Pass 《即使 用 坚 直 方向 的 一 维 高 斯 核 进行 滤波 ) 对 src 进 行 处 理 ， 并 将 结果 存储 在 了 buffer 中 。 然 
后 ， 再 调用 Graphics.Blit(buffer dest material, 1)， 使 用 Shader 中 的 第 二 个 Pass (即使 用 水 平方 向 的 一 维 高 
斯 核 进行 滤波 ) 对 buffer 进 行 处 理 ， 返 回 最 终 的 屏幕 图 像 。 最 后 ， 我 们 还 需要 调用 
RenderTexture.ReleaseTemporary 来 释放 之 前 分 配 的 缓存 。 


(5) 在 理解 了 上 述 代码 后 ， 我 们 可 以 实现 第 二 个 版 本 的 OnRenderImage 函 数 。 在 这 个 版 本 中 ,我们 
将 利用 缩放 对 图 像 i 行 降 采 样 ， 从 而 减少 需要 处 理 的 像素 个 数 ， 提 高 性 能 。 
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/// 2nd edition: Scale the render texture 
void OnRenderImage (RenderTexture src, RenderTexture dest) { 
If (material != null) { 
int rtw = src.width/downSample; 
int rtH = src.height/downSample; 
RenderTexture buffer = RenderTexture.GetTemporary(rtwW, rtH, 0); 
buffer.filterMode = FilterMode.Bilinear,; 


// Render the vertical pass 
Graphics.Blit(src, buffer, material, 0); 
// Render the horizontal pass 

Graphics.Blit(buffer, dest, material, 1); 


RenderTexture.ReleaseTemporary(buffer); 


} else { 

Graphics.Blit(src, dest); 

二 
} 

与 第 一 个 版 本 代码 不 同 的 是 ， 我 们 在 声明 缓冲 区 的 大 小 时 ， 使 用 了 小 于 原 屏幕 分 辨 率 的 尺寸 ， 并 将 
该 临时 泻 染 纹理 的 滤波 模式 设置 为 双 线性 。 这 样 ， 在 调用 第 一 个 Pass 时 ， .我 们 需要 处 理 的 像素 个 个 数 就 是 原 
来 的 几 分 之 一 。 对 图 像 i 人 数 ， 提 高 性 能 ， 而 且 适 当 的 降 采样 往 
往 还 可 以 得 到 更 好 的 模糊 效果 。 尽 管 downSample 值 越 大 ， 人 性 能 越 好 ， 但 过 大 的 downSample 可 能 会 造成 图 
像 像素 化 。 

(6) 最 后 一 个 版 本 的 代码 还 考虑 了 高 斯 模糊 的 迭代 次 数 : 
/// 3rd edition: use iterations for larger blur 
void OnRenderImage (RenderTexture src, RenderTexture dest) { 
If (material != null) { 
int rtw = src.width/downSample; 
int rtH = src.height/downSample; 
RenderTexture buffer0 = RenderTexture.GetTemporary(rtw, rtH, 0); 
buffer0.filterMode = FilterMode.Bilinear; 
Graphics.Blit(src, buffer0); 
for (int i = 0; i < iterations; i++) { 
material.SetFloat("_ BlurSize", 1.0f + i * blurSspread); 
RenderTexture buffer1 = RenderTexture.GetTemporary(rtw, rtH, 0); 
// Render the vertical pass 
Graphics.Blit(bufferO, bufferi, material, 0); 
RenderTexture.ReleaseTemporary(buffer0); 
buffer9 = bufferi1; 
buffer1i = RenderTexture.GetTemporary(rtw, rtH, 0); 
// Render the horizontal pass 
Graphics.Blit(bufferO, bufferi, material, 1); 
RenderTexture.ReleaseTemporary(buffer0); 
buffer0 = bufferi1; 
} 
Graphics.BlLit(buffer0，dest ) ， 
RenderTexture.ReleaseTemporary(buffer0); 
} else { 
Graphics.Blit(src, dest); 
} 
} 

上 面 的 代码 显示 了 如 何 利用 两 个 临时 缓存 在 迭代 之 间 进 行 交 车 的 过 程 。 在 迭代 开始 前 ， 我 们 首先 定 
义 了 第 一 个 缓存 buffer0， 并 把 src 中 的 图 像 缩 放 后 存储 到 buffer0 中 。 在 迭代 过 程 中 ， 我 们 又 定义 了 第 二 个 
缓存 buffer1。 在 执行 第 一 个 Pass 时 ， 输 入 是 buffer0 ， 输 出 是 buffer1， 完 毕 后 首先 把 buffer0 释 放 ， 再 把 结果 
值 buffer1 存 储 到 buffer0 中 ， 重 新 分 配 buffer1， 然 后 再 调用 第 二 个 Pass， 重 复 上 述 过 程 。 迭 代 完 成 后 ， 
buffer0 将 存储 最 终 的 图 像 ， 我 们 1 再 利用 Graphics.Blit(buffer0, desb 把 结果 显示 到 屏幕 上 ， 并 释放 缓存 。 

下 面 ， 我 们 来 实现 Shader 的 部 分 。 打 开 Chapter12-GaussianBlur， 进 行 如 下 修改 。 


(1) 我 们 首先 需要 声明 本 例 使 用 的 各 个 所 
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Properties { 
_MainTex ("Base (RGB)", 2D) = "white" {} 
_BlurSize ("Blur Size", Float) = 1.0 


_MainTex 对 应 了 输入 的 泻 染 纹理 。 


(2) 在 本 节 中 ， 我 们 将 第 一 次 使 用 CGINCLUDE 来 组 织 代 码 。 我 们 在 SubShader 块 中 利用 
CGINCLUDE 和 ENDCG 语 义 来 定义 一 系列 代码 : 


SubShader { 
CGINCLUDE 


ENDCG 


这 些 代码 不 需要 包含 在 任何 Pass 语 义 块 中 ， 在 使 用 时 ， 我 们 只 需要 在 Pass 直接 指定 需要 使 的 顶点 
着 色 器 和 片 元 着 色 器 函数 名 即 可 。CGINCLUDE 类 似 于 C+ 头 文件 的 功能 。 寺 融 斯 模糊 需要 定义 两 个 
Pass， 但 它们 使 用 的 片 元 着 色 器 代码 是 完全 相同 的 ， 使 用 CGINCLUDE 可 以 避免 我 们 编写 两 个 完全 一 样 的 
frag 函 数 。 


(3) 在 CG 代 码 块 中 ， 定 义 与 属性 对 应 的 变量 


出 


sampler2D _MainTex; 
half4 _MainTex_TexelSize; 
float _BlurSsize; 


于 要 得 到 相 邻 像素 的 纹理 坐标 ， 我 们 这 里 再 一 次 使 用 了 Unity 提 供 的 _MainTex_TexelSize 变 量 ， 以 计 
算 相 邻 像素 的 纹理 坐标 偏 移 量 。 


(4) 分 别 定义 两 个 Pass 使 用 的 顶点 着 色 器 。 下 面 是 竖 直 方向 的 顶点 着 色 器 代码 : 


TH 
也 


struct v2f { 
float4 pos : SV_POSITION; 
half2 uv[5]: TEXCOORDO; 
}; 
v2f vertBlurVertical(appdata img v) { 
v2f 0o; 
0.pos = mul(UNITY_MATRIX_MVP, Vv.vertex); 


half2 uv = v.texcoord; 


o.uv[0] = uv; 

oOo.uv[1] = uv + float2(0.0, MainTex_TexelSize.y * 1.0) * _BlurSize,; 
oO.Uuv[2] = uv - float2(0.0, MainTex_TexelSize.y * 1.0) * _BlurSize， 
oOo.uUv[3] = uv + float2(0.0, MainTex_TexelSize.y * 2.0) * _BlurSize,; 
oOo.uv[4] = uv - float2(0.0, MainTex_TexelSize.y * 2.0) * _BlurSize,; 
return o; 


在 本 节 中 我 们 会 利用 5x5 大 小 的 高 斯 核对 原 图 像 进行 高 斯 模糊 ， 而 由 12.4.1 节 可 知 ， 一 个 5x5 的 二 维 高 
斯 核 可 以 拆 分 成 两 个 大 小 为 5 的 一 维 高 斯 核 ， 因 此 我 们 只 需要 计算 5 个 纹理 坐标 即 可 。 为 此 ， 我 们 在 v2f 结 
构 体 中 定义 了 一 个 5 维 的 纹理 坐标 数组 。 数 组 的 第 一 个 坐标 存储 了 当前 的 采样 纹理 ， 而 剩余 的 四 个 坐标 则 
是 高 斯 模糊 中 对 邻 域 采样 时 使 用 的 纹理 坐标 。 我 们 还 和 属性 _BlurSize 相 乘 来 控制 采样 距离 。 在 高 斯 核 维 
数 不 变 的 情况 下 ，_BlurSize 越 大 ， 模 糊 程 度 越 高 ， 但 采样 数 却 不 会 受到 影响 。 但 过 大 的 _BlurSize 值 会 造 
成 虚 影 ， 这 可 能 并 不 是 我 们 希望 的 。 通 过 把 计算 采样 纹理 坐标 的 代码 从 片 元 着 色 器 中 转移 到 顶点 着 色 器 

可 以 减少 运算 ， 提 高 性 能 。 由 于 从 顶点 着 色 器 到 片 元 着 色 器 的 插值 是 线性 的 ， 因 此 这 样 的 转移 并 不 
会 影响 纹理 坐标 的 计算 结果 。 


水 平方 向 的 顶点 着 色 器 和 上 面 的 代码 类 似 ， 只 是 在 计算 4 个 纹理 坐标 时 使 用 了 水 平方 向 的 纹 素 大 小 进 
行 纹理 偏 移 。 


(5) 定义 两 个 Pass 共 用 的 片 元 着 色 器 : 


fixed4 fragBlur(v2f i) : SV_Target { 
float weight[3] = {0.4026, 0.2442, 0.0545}; 


fixed3 sum = tex2D(_MainTex, i.uv[0]).rgb * weight[0]; 
for (int it = 1; it < 3; it++) { 
sum += tex2D(_MainTex, i.uv[it]).rgb * weight[it]; 
Sum += tex2D(_MainTex, i.uv[2*it]).rgb * weight[it]; 
} 


return fixed4(sum, 1.0); 


12.4.1 节 可 知 ， 一 个 5x5 的 二 维 高 斯 核 可 以 拆 分 成 两 个 大 小 为 5 的 一 维 高 斯 核 ， 已 的 对 称 
我 们 只 需要 记录 3 个 高 斯 权重 ， 也 就 是 代码 中 的 weight 变 量 。 我 们 首先 声明 了 各 个 邻 域 像素 对 应 的 权 
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重 weigh 然后 将 结 值 sum 初 始 此 为 当前 的 像素 值 乘 以 它 的 权重 值 。 根 据 对 称 性 ， 我 们 进行 了 两 次 迭 
代 ， 每 次 迭代 包含 了 两 次 纹理 采样 ， 并 把 像素 值 和 权重 相 乘 后 的 结果 车 加 到 sum 中 。 最 后 ， 范 数 返 回 滤 波 
结果 sum 。 


Hr 


(6) 然后 ， 我 们 定义 了 高 斯 模糊 使 用 的 两 个 Pass: 


ZTest Always Cull Off Zwrite Off 


Pass { 
NAME "GAUSSIAN_BLUR_VERTICAL" 


CGPROGRAM 


#pragma vertex vertBlurVertical 
#pragma fragment fragBlur 


ENDCG 
} 


Pass { 
NAME "GAUSSIAN_BLUR_HORIZONTAL" 


CGPROGRAM 


#pragma vertex vertBlurHorizontal 
#pragma fragment fragBlur 


ENDCG 


注意 ， 我 们 仍然 夺 设 置 了 污染 状态 。 和 之 前 实现 不 同 的 是 ， 我 们 为 两 个 Pass 使 用 NAME 语 义 〈 见 
3.3.3 节 ) 定义 了 它们 的 名 字 。 这 是 因为 ， 高 斯 模糊 是 非常 常见 的 图 像 处 理 操作 ， 很 多 屏幕 特效 都 是 建立 
在 它 的 基础 上 的 ， 例如 Bloom 效 ( 见 12.5 节 ) 。 为 Pass 定 义 名 字 ， 可 以 在 其 他 Shader 中 直接 通过 它们 的 
名 字 来 使 用 该 Pass， 而 不 需要 再 重复 编写 代码 。 


(7) 最 后 ， 关 闭 该 Shader 的 Fallback: 


Fallback Off 


完成 后 返回 编辑 器 ， 并 把 Chapter12-GaussianBlur 拖 上 忠 到 摄像 机 的 GaussianBlur.cs 脚 本 中 的 
gaussianBlurShader 参 数 中 。 当 然 ， 我 们 可 以 在 GaussianBlurcs 的 脚本 面板 中 将 gaussianBlurShader 参 数 的 默 
认 值 设置 为 Chapter12- 这 样 就 不 需要 以 后 使 用 时 每 次 都 手动 拖 暇 了 。 


12.5 “Bloom 效 果 

Bloom 特 效 是 游戏 中 常见 的 一 种 屏幕 效果 。 这 种 特效 可 以 模拟 真实 摄像 机 的 一 
种 图 像 效果 ， 它 让 画面 中 较 亮 的 区 域 “扩散 ”到 周围 的 区 域 中 ， 造 成 一 种 腾 肛 的 效 
果 。 图 12.9 给 出 了 动画 短片 《大 象 之 梦 》 (英文 名 Elephants Dream) 中 的 一 个 


Bloom 歼 果 。 


4 旦 


本 节 将 会 实现 一 个 基本 的 Bloom 特 效 ， 在 学 习 完 本 节 后 ， 我 们 可 以 得 到 类 似 
12.10 中 的 效果 。 


贷 


A 图 12.9 ”动画 短片 《大 象 之 梦 》 中 的 Bloom 效 果 ， 光 线 透 过 门 扩散 到 了 周围 较 暗 的 区 域 中 
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图 12.10 ”左边 为 原 效 果 ， 右 边 为 Bloom 处 理 后 的 效果 


Bloom 的 实现 原理 非常 简单 : 我 们 首先 根据 一 个 国 值 提取 出 图 像 中 的 较 亮 区 
域 ， 把 它们 存储 在 一 张 泻 染 纹理 中 ， 再 利用 高 斯 模糊 对 这 张 泻 染 纹理 进行 模糊 处 


全 


理 ， 模 拟 光线 扩散 的 效果 ， 最 后 再 将 其 和 原 图 像 进行 混合 ， 得 到 最 终 的 效果 。 
为 此 ， 我 们 需要 进行 如 下 准备 工作 。 
(1) 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 Scene_12_5。 在 Unity 5.2 中 ， 


默认 情况 下 场景 将 包含 一 个 摄像 机 和 一 个 平行 光 ， 并 且 使 用 了 内 置 的 天 空 盒子 。 在 
Window 一 Lighting - Skybox 中 去 掉 场 景 中 的 天 空 盒 子 。 


(2) 把 本 书 资源 中 的 Textures/Chapter12/Sakural.jpg 拖 电 到 场景 中 ， 并 调整 它 
的 位 置 使 其 可 以 填充 整个 场景 。 注 意 ，Sakural.jpg 的 纹理 类 型 已 被 设置 为 Sprite， 
此 可 以 直接 拖 虑 到 场景 中 。 
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(4) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Shader 名 为 Chapter12-Bloom 。 
我 们 首先 来 编写 Bloom.cs 脚 本 。 打 开 该 脚本 ， 并 进行 如 下 修改 。 
(1) 首先 ， 继 承 12.1 节 中 创建 的 基 类 : 


public class Bloom : PostEffectsBase { 


(2) 声明 该 效果 需要 的 Shader， 并 据 此 创建 相应 的 材质 : 


(Se 


新 建 一 个 脚本 。 在 本 书 资源 中 ， 该 脚本 名 为 Bloom.cs。 把 该 脚本 拖 忠 到 摄 


public Shader bloomShader; 
private Material bloomMaterial = null; 
public Material material { 
get { 
bloomMaterial = CheckShaderAndCreateMaterial(bloomShader, bloomMaterial)l; 
return bloomMaterial; 


在 上 述 代码 中 ，bloomShader 是 我 们 指定 的 Shader， 对 应 了 后 面 将 会 实现 的 
Chapter12-Bloom ° 


(3) 由 于 Bloom 效 果 是 建立 在 高 斯 模糊 的 基础 上 的 ， 因 此 脚本 中 提供 的 参数 和 
12.4 节 中 的 几乎 完全 一 样 ， 我 们 只 增加 了 一 个 新 的 参数 luminanceThreshold 来 控制 提 
取 较 亮 区 域 时 使 用 的 靖 值 大 小 : 


// Blur iterations - larger number means more blur. 


[Range(9，4)] 
public int iterations = 3; 


// Blur spread for each iteration - larger value means more blur 
[Range(0.2f, 3.0f)] 
public float blurSpread = 0.6f; 


[Range(1, 8)] 
public int downSample = 2; 


[Range(0.0f, 4.0f)] 
public float luminanceThreshold = 0.6f; 


尽管 在 绝 大 多 数 情况 下 ， 图 像 的 亮度 值 不 会 超过 1。 但 如 有 果 我 们 开启 了 HDR， 


硬件 会 允许 我 们 把 颜色 值 存储 在 一 个 更 高 精度 范围 的 缓冲 中 ， 此 时 像素 的 亮度 值 可 
能 会 超过 1。 因 此 ， 在 这 里 我 们 把 luminanceThreshold 的 值 规定 在 [0, 4] 范 围 内 。 更 多 
关于 HDR 的 内 容 ， 可 以 参见 18.4.3 节 。 


(4) 最 后 ， 我 们 需要 定义 关键 的 OnRenderImage 函 数 : 


void OnRenderImage (RenderTexture src, RenderTexture dest) { 
If (material != null) { 
material.SetFloat("_LuminanceThreshold", luminanceThreshold); 


int rtw 
int rtH 


src.width/downSample; 
src.height/downSample; 


RenderTexture buffer0 = RenderTexture.GetTemporary(rtw, rtH, 0); 
buffero0 .filterMode = FilterMode.Bilinear; 


Graphics.Blit(src, buffer0, material, 0); 


for (int i = 0; i < iterations; i++) { 
material.SetFloat("_BlurSize", 1.0f + i * blurSpread); 


RenderTexture buffer1 = RenderTexture.GetTemporary(rtw, rtH, 0); 


// Render the vertical pass 
Graphics.Blit(buffer0O, buffer1i, material, 1); 


RenderTexture,ReleaseTemporary(buffero0 ) ， 
bufferO = buffer1， 
buffer1 = RenderTexture.GetTemporary(rtw, rtH, 90); 


// Render the horizontal pass 
Graphics.Blit(buffer0, buffer1, material, 2); 


RenderTexture.ReleaseTemporary(buffero0); 
bufferO = buffer1， 


} 


material.SetTexture ("_Bloom", buffer0); 


Graphics.Blit (src, dest, material, 3); 


RenderTexture.ReleaseTemporary(buffero0); 
} else { 
Graphics.Blit(src, dest); 


上 面 的 代码 和 12.4 节 中 进行 高 斯 模糊 时 使 用 的 代码 基本 相同 ， 但 进行 了 一 些 修 


改 。 我 们 前 面 提 到 ， Bloom 效 果 需 要 3 个 步 又 ; 首先 ， 提 取 图 像 中 较 亮 的 区 域 ， 因 此 
我 们 没有 像 12.4 市 那样 直接 对 src 进 行 降 采 样 ， 而 是 通过 调用 Graphics.Blit(src， 
buffer0, material, 0) 来 使 用 Shader 中 的 第 一 个 Pass 提 取 图 像 中 的 较 亮 区 域 ， 提 取得 到 
的 较 亮 区 域 将 存储 在 buffer0 中 。 然 后 ， 我 们 进行 和 12.4 节 中 完全 一 样 的 高 斯 模糊 迭 
代 处 理 ， 这 些 Pass 对 应 了 Shader 的 第 二 个 和 第 三 个 Pass。 模 糊 后 的 较 亮 区 域 将 会 存储 
在 buffer0 中 ， 此 时 ， 我 们 再 把 buffer0 传 递 给 材质 中 的 _Bloom 纹 理 属性 ， 并 调用 
Graphics.Blit (src, dest, material, 0 和 四 个 Pass 来 进行 最 后 的 混合 ， 将 
结果 存储 在 目标 渲染 纹理 dest 中 。 最 后 ， 释 放 临 时 缓存 。 


下 面 ， 我 们 来 实现 Shader 的 部 分 。 打 开 Chapter12-Bloom， 进 行 如 下 修改 。 
(1) 我 们 首先 需要 声明 本 例 使 用 的 各 个 属性 : 


Properties { 
_MainTex ("Base (RGB)", 2D) = "white" {} 
_Bloom ("Bloom (RGB)", 2D) = "black" {} 


_LuminanceThreshold ("Luminance Threshold", Float) = 0.5 
_BlurSize ("Blur Size", Float) = 1.0 


_MainTex 对 应 了 输 ~ 的 泻 染 纹理 。 Bloom 是 高 斯 模糊 后 的 较 亮 区 域 ， 
_LuminanceThreshold 是 用 于 提取 较 亮 区 域 使 用 的 病 值 ， 而 _BlurSize 和 12.4 广 中 的 作 
用 相同 ， 用 于 控 制 不 同 活 失 代 之 间 高 斯 模糊 的 模糊 区 域 范 有 


(2) 在 本 节 中 ， 我 们 仍然 使 用 CGINCLUDE 来 组 织 代码 。 我 们 在 SubShader 块 
中 利用 CGINCLUDE 和 ENDCG 语 义 来 定义 一 系列 代码 : 


[eo 


dt 


SubShader { 
CGINCLUDE 


ENDCG 


(3) 声明 代码 中 需要 使 用 的 各 个 变量 : 


sampler2D _MainTex; 
half4 _MainTex_TexelSize; 
sampler2D _Bloom; 


float _LuminanceThreshold; 
float _BlurSize; 


(4) 我 们 首先 定义 提取 较 亮 区 域 需要 使 用 的 顶点 着 色 器 和 片 元 着 色 器 : 


struct v2f { 
float4 pos : SV_POSITION; 
half2 uv : TEXCOORDO; 


}; 


v2f vertExtractBright(appdata _ img v) { 
v2f 0o; 


0.pos = mul(UNITY_MATRIX_MVP, v.vertex); 
O.UV = Vv.texcoord; 


return o; 


} 


fixed luminance(fixed4 color) { 
return 0.2125 * color.r + 0.7154 * color.g + 0.0721 * color.b; 
} 


fixed4 fragExtractBright(v2f i) : SV_Target { 
fixed4 c = tex2D(_MainTex, i.uv); 
fixed val = clamp(luminance(c) - _LuminanceThreshold, 0.0, 1.0); 


return c * val; 


顶点 着 色 器 和 之 前 的 实现 完全 相同 。 在 片 元 着 色 器 中 ， 我 们 将 采样 得 到 的 亮度 
值 减 去 赋值 _ LuminanceThreshold， 并 把 结果 截取 到 0~1 范 围 内 。 然 后 ， 我 们 把 该 值 
和 原 像素 值 相 乘 ， 得 到 提取 后 的 亮 部 区 域 。 


(5) 然后 ， 我 们 定义 了 混合 亮 部 图 像 和 原 图 像 时 使 用 的 顶点 着 色 器 和 片 元 着 
色 器 : 


DK 


struct v2fBloom { 
float4 pos : SV_POSITION; 
half4 uv : TEXCOORDO; 


}; 


v2fBloom vertBloom(appdata_img v) { 


v2fBloom 0， 


oO.pos = mul (UNITY_MATRIX_MVP，V.Vvertex) ， 

O.UV.Xy = Vv.texcoord,; 

O.UV.ZW = VvV.texcoord,; 

#if UNITY_UV_STARTS_AT_TOP 

if (_MainTex_TexelSize.y < 0.0) 
O.UV.W = 1.0 - oO.UV.w; 

#endif 


return o; 


} 


fixed4 fragBloom(v2fBloom i) : SV_Target { 
return tex2D(_MainTex, i.uVv.Xy) + tex2D(_Bloom, i.uv.Zzw); 


} 


这 里 使 用 的 顶点 着 色 器 与 之 前 的 有 所 不 同 ， 我 们 定义 了 两 个 纹理 坐标 ， 并 存储 
在 同一 个 类 型 为 half 的 变量 uv 中 。 它 的 xy 分 量 对 应 了 _MainTex， 即 原 图 像 的 纹理 坐 
标 。 而 它 的 zw 分 量 是 _Bloom， 即 模糊 后 的 较 亮 区 域 的 纹理 坐标 。 我 们 需要 对 这 个 
纹理 坐标 进行 平台 差异 化 处 理 ( 详 见 5.6.1 节 ) 。 


片 元 着 色 器 的 代码 就 很 简单 了 。 我 们 只 需要 把 两 张 纹 理 的 采样 结果 相 加 混合 即 
可 。 


(6) 接着 ， 我 们 定义 了 Bloom 效 果 需 要 的 4 个 Pass: 


ZTest Always Cull Off ZWrite Off 


Pass { 
CGPROGRAM 
#pragma vertex vertExtractBright 
#pragma fragment fragExtractBright 


ENDCG 
} 


UsePass "Unity Shaders Book/Chapter 12/Gaussian Blur/GAUSSIAN_BLUR_VERTICAL" 
UsePass "Unity Shaders Book/Chapter 12/Gaussian Blur/GAUSSIAN_ BLUR_HORIZONTAL" 
Pass { 

CGPROGRAM 

#pragma vertex vertBloom 


#pragma fragment fragBloom 


ENDCG 


其 中 ， 第 二 个 和 第 三 个 Pass 我 们 直接 使 用 了 12.4 节 高 斯 模糊 中 定义 的 两 个 Pass， 
这 是 通过 UsePass 语 义 指明 它们 的 Pass 名 来 实现 的 。 需 要 注意 的 是 ， 由 于 Unity 内 部 
会 把 所 有 Pass 的 Name 转 换 成 大 写字 母 表示 ， 因 此 在 使 用 UsePass 命 令 时 我 们 必须 使 
用 大 写 形式 的 名 字 。 


(7) 最 后 ， 我 们 关闭 了 该 Shader 的 Fallback: 


Fallback Off 


完成 后 返回 编辑 器 ， 并 把 Chapter12-Bloom 拖 上 忠 到 摄像 机 的 Bloom.cs 肢 本 中 的 
bloomShader 参 数 中 。 当 然 ， 我 们 可 以 在 Bloom.cs 的 脚本 面板 中 将 bloomShader 参 数 
的 默认 值 设 置 为 Chapter12-Bloom， 这 样 就 不 需要 以 后 使 用 时 每 次 都 手动 拖 上 忠 了 。 


12.6 ”运动 模糊 

运动 模糊 是 真实 世界 中 的 摄像 机 的 一 种 效果 * 如 果 在 摄像 机 曝光 时 ， 拍 摄 场景 发 生 了 变化 ， 就 
会 产生 模糊 的 画面 。 ee 常生 活 中 是 非常 常见 的 ， 只 要 留心 观察 ， 就 可 以 发 现 无 论 
是 体育 报道 还 是 各 个 电影 里 ， 都 有 运动 模糊 的 身影 。 运 动 模糊 效果 可 以 让 物体 运动 看 起 来 更 加 真实 
平滑 ， 人 由 于 不 存在 上 曝光 这 一 物理 现象 ， 泻 染 出 来 的 图 像 往往 都 棱角 分 
明 ， 缺 少 运动 模糊 。 在 一 些 诸如 赛车 类 型 的 游 戏 中 ， 为 画面 添加 运动 模糊 是 一 种 常见 的 处 理 方法 。 
人 屏幕 后 处 理 中 实现 运动 模糊 的 效果 。 在 本 节 结 束 后 ， 我 们 将 得 到 类 
以 图 12.11 中 的 效果 。 


A 图 12.11 左边 为 原 效果 ， 右 边 为 应 用 运动 模糊 后 的 效果 


运动 模糊 的 实现 有 多 种 方法 。 一 种 实现 方法 是 利用 一 块 累积 缓存 (accumulation buffer ) 来 
混合 多 张 连续 的 图 像 。 当 物体 快速 移动 产生 多 张 图 像 后 ， 我 们 取 它 们 之 间 的 平均 值 作为 最 后 的 运动 
模糊 图 像 。 然 而 ， 这 种 暴力 的 方法 对 性 能 的 消耗 很 大 ， 因 为 想 要 获取 多 张 帧 图 像 往往 意味 着 我 们 需 
要 在 同一 帧 里 泻 染 多 次 场景 。 另 一 种 应 用 广泛 的 方法 是 创建 和 使 用 速度 缓存 (velocity buffer ) ， 
这 个 缓存 中 存储 了 各 个 像素 当前 的 运动 速度 ， 然 后 利用 该 值 来 决定 模糊 的 方向 和 大 小 。 


在 本 节 中 ， 我 们 将 使 用 类 似 上 述 第 一 种 方法 的 实现 来 模拟 运动 模糊 的 效果 。 我 们 不 需要 在 一 由 
把 场景 景 泻 染 多 次 ， 但 需要 保存 之 前 的 演 染 结果 ， 不 断 把 当前 的 泻 染 图 像 琶 加 到 之 前 的 泻 染 图 像 
从 而 产生 一 种 运动 轨迹 的 视觉 效果 。 这 种 方法 与 原始 的 利用 累计 缓存 的 方法 相 比 性 能 更 好 ， 但 


写字 多 果 可 能 会 略 有 影响 
为 此 ， 我 们 需要 进行 如 下 准备 工作 。 


(1) 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 Scene_12_6。 在 Unity 5.2 中 ， 默 认 情 况 下 场 
景 将 包 合 一 个 摄像 机 和 一 个 平行 光 ， 并 且 使 用 了 内 置 的 天 空 盒子 。 Widlow Diehline Sax 申 
去 掉 场 景 中 的 天 空 盒 子 

(2) 我 们 需要 搭建 一 个 测试 运动 模糊 的 场景 。 在 本 书 资源 的 实现 中 ， 我 们 构建 了 一 个 包含 3 面 
墙 的 房间 ， 并 放置 了 4 个 立方 体 ， 它 们 均 使 用 了 我 们 在 9.5 市 中 创建 的 标准 材质 。 同 时 ， 我 们 把 本 书 
资源 中 的 Translating.cs 脚 本 拖 忠 给 摄像 机 ， 让 其 在 场景 中 不 断 运动 。 


(3) 新 建 一 个 脚本 。 在 本 书 资源 中 ， 该 脚本 名 为 MotionBlur.cs。 把 该 脚本 拖 忠 到 摄像 机 上 。 


(4) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Shader 名 为 Chapter12-MotionBlur 。 


我 们 首先 来 编写 MotionBlurcs 脚 本 。 打 开 该 脚本 ， 并 进行 如 下 修改 。 


(1) 首先 ， 继 承 12.1 节 中 创建 的 基 类 : 


public class MotionBlur : PostEffectsBase { 


(2) 声明 该 效果 需要 的 Shader， 并 据 此 创建 相应 的 材质 : 


public Shader motionBlurShader; 
private Material motionBlurMaterial = null; 


public Material material 1{ 
get { 

motionBlurMaterial = CheckShaderAndCreateMaterial(motionBlurShader, motionBlurMaterial),; 

return motionBlurMaterial,; 


(3) 定义 运动 模糊 在 混合 图 像 时 使 用 的 模糊 参数 : 


[Range(0.0f, 0.9f)] 
public float blurAmount = 0.5f'; 


blurAmount 的 值 武大 ， 运 动 拖 尾 的 效果 就 越 明 显 ， 为 了 防止 拖 尾 效果 完全 替代 当前 帧 的 演 染 结 


Nm 


， 我 们 把 它 的 值 截取 在 0.0~0.9 范 围 内 。 


(4) 定义 一 个 RenderTexture 类 型 的 变量 ， 保 存 之 前 图 像 到 加 的 结果 : 


private RenderTexture accumulationTexture; 


void OnDisable() { 
DestroyImmediate(accumulationTexture); 


} 


在 上 面 的 代码 里 ， 我 们 在 该 脚本 不 运行 时 ， 即 调用 OnDisable 函 数 时 ， 立 即 销毁 accumulation 
Texture。 这 是 因为 ， 我 们 希望 在 下 一 次 开始 应 用 运动 模糊 时 重新 到 加 图 像 。 


(5) 最 后 ， 我 们 需要 定义 运动 模糊 使 用 的 OnRenderImage 函 数 


void OnRenderImage (RenderTexture src, RenderTexture dest) { 
If (material != null) { 

// Create the accumulation texture 

If (accumulationTexture == null || accumulationTexture.width != src.width || 

accumulationTexture.height != src.height) { 
DestroyImmediate(accumulationTexture); 
accumulationTexture = new RenderTexture(src.width, src.height, 09); 
accumulationTexture.hideFlags = HideFlags.HideAndDontSave; 
Graphics.Blit(src, accumulationTexture); 


} 


// We are accumulating motion over frames without clear/discard 
// by design, so silence any performance warnings from Unity 
accumulationTexture.MarkRestoreExpected(); 


material.SetFloat("_BlurAmount", 1.0f - blurAmount ) 


Graphics.Blit (src, accumulationTexture, material); 
Graphics.Blit (accumulationTexture, dest); 

} else { 
Graphics.Blit(src, dest); 


} 
} 

在 确认 材质 可 用 后 ， 我 们 首先 判断 用 于 混合 图 像 的 accumulationTexture 是 否 满足 条 件 。 我 们 不 
仅 判 断 它 是 否 为 空 ， 还 判断 它 是 否 与 当前 的 屏幕 分 辨 率 相等 ， 如 果 不 j 足 ， 就 说 明 我 们 需要 重新 创 
建 一 个 适合 于 当前 分 辩 率 的 accumulationTexture 变 量 。 创 建 完毕 后 ，|! Be 区 们 会 自己 控制 该 变量 的 
销毁 ， 因 此 可 以 把 它 的 hideFlags 设 置 为 HideFlags.HideAndDontSave， 这 意味 着 这 个 变量 不 会 显示 在 
Hierarchy 中 ， 也 不 会 保存 到 场景 中 。 然 后 ， 我 们 使 用 当前 的 帧 图 绽 初 始 化 accumulation Texture (使 


0 


用 Graphics.Blit(src, accumulationTexture) 代 码 ) 


当 得 到 了 有 效 的 accumulationTexture 变 量 后 ， 我 们 调用 了 accumulationTexture.Mark 
RestoreExpected 栈 数 来 表明 我 们 需要 进行 一 个 演 染 纹理 的 恢复 操作 。 恢 复 操作 (restore 
operation) 发 生 在 演 染 到 纹理 而 该 纹理 又 没有 被 提前 清空 或 销毁 的 情况 下 。 在 本 例 中 ， 我 们 每 次 
调用 OnRenderImage 时 都 需要 把 当前 的 帧 图 像 和 accumulationTexture 中 的 图 像 混 合 ， 
accumulationTexture 纹 理 不 需要 提前 清空 ， 因 为 它 保存 了 我 们 之 前 的 混合 结果 。 然 后 ， 我 们 将 参数 
传递 给 材质 ， 并 调用 Graphics. Blit (src， ein ee material) 把 当前 的 屏 人 幕 图 像 src 徐 加 到 
accumulationTexture 中 。 最 后 使 用 Graphics.Blit (accumulationTexture, desb 把 结果 显示 到 屏幕 上 。 


下 面 ， 我 们 来 实现 Shader 的 部 分 。 本 闻 实 现 的 运动 模糊 非常 简单 ， 我 们 打开 Chapter12- 
MotionBlur， 进 行 如 下 修改 。 


(1) 我 们 首先 需要 声明 本 例 使 用 的 各 个 属性 : 


Properties { 
_MainTex ("Base (RGB)", 2D) = "white" {} 
_BlurAmount ("Blur Amount", Float) = 1.0 


_MainTex 对 应 了 输入 的 泻 染 纹理 。 BlurAmount 是 混合 图 像 时 使 用 的 混合 系数 。 


(2) 在 本 节 中 ， 我 们 使 用 CGINCLUDE 来 组 织 代码 。 我 们 在 SubShader 块 中 利用 CGINCLUDE 
和 ENDCG 语 义 来 定义 一 系列 代码 : 


SubShader { 
CGINCLUDE 


ENDCG 


(3) 声明 代码 中 需要 使 用 的 各 个 变量 : 


sampler2D _MainTex; 
fixed _BlurAmount; 


(4) 


点 着 色 器 的 代码 与 之 前 章节 使 


的 代码 完 


顶 


全 一 样 : 


struct v2f 区 


float4 pos : 
half2 uv : 


}; 


SV_POSITION,; 
TEXCOORDO, 


v2f vert(appdata img v) { 
v2f 0o; 


0.pos = mul(UNITY_MATRIX_MVP, 


Vv.vertex); 


O.UV = VvV.texcoord; 
return o; 
} 
(5) 下面， 我 们 定义 了 两 个 月 元 春色 入 个 用 于 更 新 泻 染 纹理 的 RGB 通道 部 分 ， 第 一 个 用 
于 更 新 泻 染 纹理 的 A 通道 部 分 
fixed4 fragRGB (v2f i) : SV_Target { 

return fixed4(tex2D(_MainTex, i.uv).rgb, _BlurAmount); 
} 
half4 fragA (v2f i) : SV_Target { 

return tex2D(_MainTex, i.uv); 

} 

RGB 通道 版 本 的 Shader 对 当前 图 像 进行 采样 ， 并 将 其 A 通 道 的 值 设 为 _BlurAmount， 以 便 在 后 面 
混合 时 可 以 使 用 它 的 透明 通道 进行 混合 。A 通 道 版 本 的 代码 就 更 简单 了 ， 直 接 返回 采样 结果 。 实 际 
上 ， 这 个 版 本 只 是 为 了 维护 演 染 纹理 的 透明 通道 值 ， 不 让 其 受到 混合 时 使 用 的 透明 度 值 的 影响 。 

(6) 然后 ， 我 们 定义 了 运动 模糊 所 需 的 Pass。 在 本 例 中 我 们 需要 两 个 Pass， 一 个 用 于 更 新 泻 染 
纹理 的 RGB 通 道 ， 第 一 个 用 于 更 新 A 通道 。 之 所 以 要 把 A 通道 和 RGB 通 道 分 开 ， 是 因为 在 更 新 RGB 
时 我 们 需要 设置 它 的 A 通道 来 混合 图 像 ， 但 又 不 希望 A 通道 的 值 写 入 泻 染 纹理 中 。 


} 


ZTest Always Cull Off Zwrite Off 


Pass { 


Blend SrcAlpha OneMinusSrcAlpha 
ColorMask RGB 


CGPROGRAM 


#pragma vertex vert 
#pragma fragment fragRGB 


ENDCG 


Pass { 


Blend One Zero 
ColorMask A 


CGPROGRAM 


#pragma vertex vert 
#pragma fragment fragA 


ENDCG 
} 


(7) 最 后 ， 我 们 关闭 了 Shader 的 Fallback: 


Fallback Off 


x cb 


完成 后 返回 编辑 器 ， 并 把 Chapter12-MotionBlur 拖 忠 到 摄像 机 的 MotionBlur.cs 脚 本 中 的 
motionBlurShader 参 数 中 。 当 然 ， 我 们 可 以 在 MotionBlurcs 的 es ! 将 motionBlurShader 参 数 的 
默认 值 设置 为 Chapter12-MotionBlur， 这 样 就 不 需要 以 后 使 用 时 每 次 都 手动 拖 忠 了 。 


本 节 是 对 运动 模糊 的 一 种 简单 实现 。 我 们 混合 了 连续 帧 之 间 的 图 像 ， 这 样 得 到 人 
尾 的 图 像 。 然 而 ， a a 这 种 方法 可 能 会 造成 单独 的 帧 图 像 变 得 可 见 。 在 第 13 章 


， 我 们 会 学 习 如 何 利 用 深度 纹理 重建 速度 来 模拟 运动 模糊 效果 。 


12.7 扩展 阅读 


本 章 介绍 了 如 何在 Unity 中 利用 洽 染 纹理 实现 屏幕 后 处 理 效果 ， 并 
且 介 绍 了 几 种 常见 的 屏幕 特效 的 实现 方法 。 这 些 效 果 都 使 用 了 图 像 处 
理 中 的 一 些 算法 ， 以 达到 特定 的 图 像 效果 。 除 了 本 章 介 绍 的 这 些 效 果 
外 ， 读 者 可 以 在 Unity 的 Image Effect 

(http://docs.unity3d.com/Manual/comp- ImageEffects.html ) 包 中 找到 

更 多 特效 的 实现 。 在 GPU Gems 系 列 (https://developer.nvidia.com/ 
gpugems/GPUGems ) 中 ， 也 介绍 了 许多 基于 图 像 处 理 的 演 染 技术 。 例 
如 ，《GPU Gems 3》 的 第 27 章 ， 介 绍 了 一 种 景深 效果 的 实现 方法 。 除 
此 之 外 ， 读 者 也 可 以 在 Unity 的 资源 商店 和 其 他 网 络 资源 中 找到 许多 出 
色 的 屏幕 特效 。 


第 13 章 ”使 用 深度 和 法 线 纹理 


在 第 12 草 中 ， 我 们 学 习 的 屏幕 后 处 理 效 宁都 只 是 在 屏 医 颜色 岁 像 
上 进行 各 种 操作 来 实现 的 。 然 而 ， 很 多 时 候 我 们 不 仅 需要 当前 屏幕 的 
颜色 信息 ， 还 希望 得 到 深度 和 法 线 信息 。 例 如 ， 在 进行 边 绿 检测 时 ， 
直接 利用 颜色 信息 会 使 检测 到 的 边缘 信息 受 物体 纹理 和 光照 等 外 部 因 
素 的 影响 ， 得 到 很 多 我 们 不 需要 的 边缘 点 。 一 种 更 好 的 方法 是 ， 我 们 
可 以 在 深度 纹理 和 法 线 纹理 上 进行 边 比 检测 ， 这 些 图 像 不 会 受 纹理 和 
光照 的 影响 ， 而 仅仅 保存 了 当前 渔 染 物体 的 模型 信息 ， 通 过 这 样 的 方 
式 检测 出 来 的 边 绿 更 加 可 靠 。 


在 本 章 中 ， 我 们 将 学 习 如 何在 Unity 中 获取 深度 纹理 和 法 线 纹理 来 
实现 特定 的 屏幕 后 处 理 效 果 。 在 13.1 世 中， 我 们 首先 会 学 习 如 何在 
Unity 中 获取 这 两 种 纹理 。 在 13.2 广 中 ， 我 们 会 利用 深度 纹理 来 计算 摄 
像 机 的 移动 速度 ， 实 现 摄像 机 的 运动 模糊 效果 。 在 13.3 世 中， 我们 会 
学 习 如 何 利用 深度 纹理 来 重建 屏幕 像素 在 世界 空间 中 的 位 置 ， 从 而 模 
拟 斌 幕 筋 效 。13.4 和 会 再 次 学 习 边 缘 检 测 的 另 一 种 实现 ， 即 利用 深度 
和 法 线 纹理 进行 边缘 检测 。 


13.1 获取 深度 和 法 线 纹理 


虽然 在 Unity 里 获取 深度 和 法 线 纹理 的 代码 非常 简单 ， 但 是 我 们 有 必要 在 这 之 前 首 


先 了 解 它们 背后 的 实现 原理 。 
13.1.1 背后 的 原理 


深度 纹理 实际 就 是 一 张 渔 ; 了 
个 高 精度 的 深度 值 。 由 于 被 存储 在 张 纹理 中 ， 深度 纹理 里 的 深度 值 范围 是 [0, 1]， 而 且 


通常 是 非 线性 分 布 的 。 那 么 ， 


染 纹 理 ， 只 不 过 它 里 面 存储 的 像素 值 不 是 颜色 值 ， 而 是 


这 些 深度 值 是 从 哪里 得 到 的 呢 ? 要 回答 这 个 问题 ， 我 们 需 


要 回顾 在 第 4 章 学 过 的 顶点 变换 的 过 程 。 总 体 来 说 ， 这 些 深 度 值 来 自 于 顶点 变换 后 得 到 

的 归 一 化 的 设备 坐标 (Normalized Device Coordinates ，NDC) 。 回 顾 一 下 ， 一 个 模型 

要 想 最 终 被 绘制 在 屏幕 上 ， 需 要 把 它 的 顶点 从 模型 空间 变换 到 齐 次 裁剪 坐标 系 下 ， 这 是 
通过 在 顶点 着 色 器 中 乘 以 MVP 变 换 上 矩阵 得 到 的 。 在 变换 的 最 后 一 一 步 ， 我 们 需要 使 用 一 个 
投影 矩阵 来 变换 顶点 ， 当 我 们 使 用 的 是 透视 投影 类 型 的 摄像 机 时 ， 这 个 投影 窍 阵 就 是 非 
线性 的 ， 具 体 过 程 可 回顾 4.6.7 小 节 。 


图 13.1 显 示 了 4.6.7 小 节 中 给 出 的 Unity 中 透视 投影 对 顶点 的 变换 过 程 。 图 13.1 中 最 左 


侧 的 图 显示 了 投影 变换 前 ， 即 观察 空间 下 视 锥 体 的 结构 及 相应 的 顶点 位 置 ， 中 间 的 图 显 
示 了 应 用 透视 裁剪 矩阵 后 的 变换 结果 ， 即 顶点 着 色 如 阶 段 输出 的 顶点 变换 结果 ， 最 右 侧 
的 图 则 是 底层 硬件 进行 了 透视 除法 后 得 到 的 归 一 化 的 设备 坐标 。 需 要 注意 的 是 ， 这 里 的 


投影 过 程 是 建立 在 Unity 对 坐标 系 的 假定 上 的 ， 也 就 是 说 ， 我 们 针对 的 是 观察 空间 为 右 


手 坐 标 系 ， 使 用 列 窍 阵 在 矩阵 右 侧 进行 相 乘 ， 且 变换 到 NDC 后 z 分 量 范围 将 在 [-1, 1] 之 
间 的 情况 。 而 在 类 似 DirectX 这 样 的 图 形 接口 中 ， 变 换 后 z 分 量 范 围 将 在 [0, 1] 之 间 。 如 果 
需要 在 其 他 图 形 接口 下 实现 本 章 的 类 似 效 果 ， 需 要 对 一 些 计算 参数 做 出 相应 变化 。 关 于 


变换 时 使 用 的 矩阵 运算 ， 读 者 可 以 参考 4.6.7 小 条 。 


4 图 13.1 在 透视 投影 中 ， 投 影 矩 阵 


先 对 顶点 进行 了 缩放 。 在 经 过 齐 次 除法 后 ， 


立方 体 。 


Ea 


中 标注 了 4 个 关键 点 经 过 投影 矩阵 变换 后 的 结 


图 13.2 显 示 了 在 使 用 正 交 摄像 机 时 投影 变换 的 过 程 。 同 样 ， 变 换 后 会 得 到 一 个 范围 
为 [-1, 1] 的 立方 体 。 正 交 投 影 使 用 的 变换 矩阵 是 线性 的 。 


4 图 13.2 ”在 正 交 投影 中 ， 投 影 矩 阵 对 


顶点 进行 了 缩放 。 在 经 过 齐 次 除法 后 ，] 


体 。 图 


在 得 到 NDC 后 ， 深 度 纹理 


标注 ] 


的 像素 值 束 可 以 很 方便 地 计算 得 到 了 ， 


中 


应 了 NDC 中 顶点 坐标 的 z 分 量 的 值 。 由 于 NDC 中 z 分 量 的 范 


能 够 存储 在 一 张 图 像 中 ， 我 人 


其 中 ，d 对 应 了 深度 纹理 


中 的 像素 值 ， 


4 个 关键 点 经 过 投影 矩阵 变换 后 的 结果 


围 在 [-1, 1]， 


d =0.5:znge +0.5 


那么 Unity 是 怎么 得 到 这 样 一 张 深度 纹理 
真正 的 深 / 度 缓 存 ， 也 可 以 是 由 一 个 单独 的 Pass 泻 染 
硬件 。 通 常 来 讲 ， 当 使 用 延迟 泻 染 路 径 (包括 遗留 的 延迟 泻 染 路 径 ) 时 ， 深 


] 需 要 使 用 下 面 的 公式 对 其 进行 映射 : 


FE 交 投影 的 裁剪 空间 会 变换 到 一 个 立方 


这 些 深度 值 就 对 


为 了 让 这 些 值 


zndc 对 应 了 NDC 坐 标 中 的 z 分 量 的 值 。 


的 呢 ? 在 Unity 中 ， 深 度 纹 
而 得 ， 这 取决 于 使 用 的 泻 染 路 径 和 


理 可 以 直接 来 目 


度 纹 理 理 所 


当然 可 以 访问 到 ， 因 为 延迟 泻 染 会 把 这 些 信息 泻 染 到 G-buffer 中 。 而 当 无 法 直接 获取 深 


度 缓存 时 ， 深 度 和 法 线 纹理 是 通过 一 个 单独 的 Pass 泻 染 而 得 的 。 具 体 实 现 是 ，Unity 会 使 
用 着 色 器 克 换 (Shader Replacement) 技术 选择 那些 泻 染 类 型 ( 即 SubShader 的 


RenderType 标 签 ) 为 Opaque 的 物体 ， 判 断 它们 使 用 的 泻 染 队列 是 否 小 于 等 于 


置 的 Background、Geometry 和 AlphaTest 泻 染 队 列 均 在 此 范围 内 如 果 满 足 条 件 ， 就 把 


它 泻 染 到 深度 和 法 线 纹理 中 。 因 此 ， 要 想 让 物体 能 够 出 现在 深度 和 
在 Shader 中 设置 正确 的 RenderType 标 签 。 


EE 让 一 个 摄像 机 生成 一 张 深度 纹理 或 是 一 张 深度 + 法 线 纹 
理 。 当 选择 前 者 ， 即 只 需要 一 张 单独 的 深度 纹理 时 ，Unity 会 直接 获取 深度 缓存 或 是 按 
之 前 讲 到 的 着 色 器 替换 技术 ,选取 需要 的 不 透明 物体 ， 并 使 用 它 投 射 阴 景 

( 即 LightMode 被 设置 为 ShadowCaster 的 Pass， 详 
中 不 包含 这 样 一 个 Pass， 那 么 这 个 物体 就 不 会 出 现在 深度 纹理 中 (当然 ， 它 也 不 能 向 其 


在 Unity 中 ， 我 们 可 以 选择 


\ 世 


0 法 线 纹理 


2500 (内 


中 ， 束 必须 


少时 使 用 的 Pass 


如 果 Shader 


见 9.4 节 ) 来 得 到 深度 纹理 。 


他 物体 投射 阴影 ) 。 深 度 纹理 


的 
度 。 如 果 选 择 生成 一 张 深度 + 法 线 纹理 ， 


位 (每 个 通道 为 8 位 ) 的 纹理 ， 


其 中 观察 空间 0 


道 ， 而 深度 信息 会 被 编码 进 B 和 A 通 道 。 法 线 信 ， 息 的 获取 在 延迟 演 


就 得 到 的 ，Unity 只 需要 合并 深度 和 法 线 缓存 即 可 。 而 在 前 | 
会 创建 法 线 缓存 的 ， 因 此 Unity 底 层 使 用 了 一 个 单独 的 Passj 
成 。 这 个 Pass 被 包含 在 Unity 内 置 的 一 个 Unity Shader 中 ， 我 们 可 以 在 内 置 的 
builtin_shaders-xxx/DefaultResources/Camera-DepthNormalTexture.shader 文 件 中 找到 这 个 
用 于 泻 染 深度 和 法 线 信息 的 Pass。 


精度 通常 是 24 位 或 16 位 ， 这 取决 于 使 用 的 深度 缓存 的 精 
Unity 会 创建 一 张 和 屏 幕 分 辨 率 相 同 、 精 度 为 32 
会 被 编码 进 纹理 的 R 和 G 通 
染 中 是 可 以 非常 容易 


向 泻 染 中 ， 默 认 情 况 下 是 不 


整个 场景 


次 泻 染 


染 一 人 裔 来 完 


13.1.2 ”如 何 获取 
在 Unity 中 ， 获 取 深 度 纹理 是 非常 简单 的 ， 我 们 只 需要 告诉 Unity: “ 嘿 ， 把 深度 纹理 
给 我 1 "然后 再 在 Shader 中 直接 访问 特定 的 纹理 属性 即 可 。 这 个 与 Unity 沟 通 的 过 程 是 通 


过 在 脚本 中 设置 摄像 机 的 depthTextureMode 来 完成 的 ， 例 如 我 们 可 以 通过 下 面 的 代码 来 
获取 深度 纹理 : 


camera.depthTextureMode = DepthTextureMode .Depth ; 


一 旦 设置 好 ] ha ， 我 们 就 可 以 在 Shader 中 通过 声明 
_CameraDepthTexture 变 量 来 访 问 它 。 这 个 过 程 非常 简单 ， 但 我 们 需要 知道 这 两 行 代码 的 
背后 ，Unity 为 我 们 做 了 许多 工作 (1 。 


同 理 ， 如 果 想 要 获取 深度 + 法 线 纹理 ， 我 们 只 需要 在 代码 中 这 样 设置 : 


camera.depthTextureMode = DepthTextureMode.DepthNormals; 


然后 在 Shader 中 通过 声明 _CameraDepthNormalsTexture 变 量 来 访问 它 。 


我 们 还 可 以 组 合 这 些 模式 ， 让 一 个 摄像 机 同时 产生 一 张 深 度 和 深度 + 法 线 纹理 : 


el 


camera.depthTextureMode |= DepthTextureMode ,Depth ; 
camera.depthTextureMode |= DepthTextureMode.DepthNormals; 


在 Unity 5 中 ， 我 们 还 可 以 在 摄像 机 的 Camera 组 件 上 看 到 当前 摄像 机 是 否 需要 泻 染 深 
度 或 深度 + 法 线 纹理 。 当 在 Shader 中 访问 到 深度 纹理 _CameraDepthTexture 后 ， 我 们 就 可 

以 使 用 当前 像素 的 纹理 坐标 对 它 进行 采样 。 绝 大 多 数 情况 下 ， 我 们 直接 使 用 tex2D 了 汞 数 

采样 即 可 ， 但 在 某 些 平台 (例如 PS3 和 PSP2) 上 ， 我 们 需要 一 些 特 殊 处 理 。Unity 为 我 们 
提供 了 一 个 统一 的 宏 SAMPLE_DEPTH_TEXTURE， 用 来 处 理 这 些 由 于 平台 差异 造成 的 

问题 。 而 我 们 只 需要 在 Shader 中 使 用 SAMPLE_DEPTH _TEXTURE 宏 对 深度 纹理 进行 采 

样 ， 例 如 : 


float d = SAMPLE_DEPTH_TEXTURE(_CameraDepthTexture, i.uv); 


其 中 ，i.uv 是 一 个 float2 类 型 的 变量 ， 对 应 了 当前 像素 的 纹理 坐标 。 类 似 的 宏 还 有 
0 LOD 。 

SAMPLE _DEPTH_ TEXTURE PROJ 宏 同样 接受 深度 纹理 和 一 个 float3 或 
float4 类 型 的 纹理 坐标 ， 它 的 内 部 使 用 了 tex2Dzroj 这 样 的 陆 数 渤 J 了 投影 纹理 采样 ， 纹 理 
坐标 的 前 两 个 分 量 首先 会 除 以 最 后 一 个 分 量 ， 再 进行 纹理 采样 。 如 果 提 供 了 第 四 个 分 


上 会 进行 一 次 比较 ， 通 常用 于 阴影 的 实现 中 。SAMPLE_DEPTH TEXTURE_PROIJ 
的 第 二 个 参数 通常 是 由 顶点 着 色 器 输出 插值 而 得 的 屏幕 坐标 ， 例 如 : 


float d = SAMPLE_ DEPTH_TEXTURE_PROJ(_CameraDepthTexture, UNITY_PROJ_ COORD(i.scrPos)),; 


其 中 ，i.scrPos 是 在 顶点 着 色 器 中 通过 调用 ComputeScreenPos(o.pos) 得 到 的 屏幕 坐 
标 。 上述 这 些 宏 的 定义 ， 读 者 可 以 在 Unity 内 置 的 HLSLSupport.cginc 文 件 中 找到 。 


当 通 过 纹理 采样 得 到 深度 值 后 ， 这 些 深度 值 往往 是 非 线性 的 ， 这 种 非 线性 来 自 于 透 
视 投 时 使 用 的 裁 瘟 类 阵 。 然而 ， 在 我 们 的 计算 过 程 中 通常 是 需要 线性 的 深度 值 ， 也 就 是 
说 ， 我 们 需要 把 投影 后 的 深度 值 变换 到 线性 空间 下 ， 例 如 视角 空间 下 的 深度 值 。 那 么 ， 
我 们 应 该 如 何 进行 这 个 转换 呢 ? 实际 上 ， 我 们 只 需要 倒 推 顶点 变换 的 过 程 即 可 。 下 面 我 
们 以 透视 投影 为 例 ， 推 导 如 何 由 深度 纹理 中 的 深度 信息 计算 得 到 视角 空间 下 的 深度 值 


由 4.6.7 节 可 知 ， 当 我 们 使 用 透视 投影 的 裁剪 矩阵 P uip 对 视角 空间 下 的 一 个 顶点 进 
行 变 换 后 ， 裁 剪 空间 下 顶点 的 z 和 w 分 量 为 : 


Far 十 Near 2.Near.Far 
2 . 一 一 一 公 s ce 
iy ViewFar—Near Far— Near 


Welip = 一 Zpiew 


~ 


其 中 ，Far 和 Near 分 别 是 远近 裁剪 平面 的 距离 。 然 后 ， 我 们 通过 齐 次 除法 就 可 以 得 
到 NDC 下 的 z 分 量 : 


Zcip _ Far + Near 2:Near:Far 


Zndc = 


二 一 一 十 一 一 
WwWciip Far—Near (Car 一 Near) . Zview 


在 13.1.1 节 中 我 们 知道 ， 深 度 纹理 中 的 深度 值 是 通过 下 面 的 公式 由 NDC 计 算 而 得 
的 : 


d = 0.5. znac + 0.5 


由 上 面 的 这 些 式 子 ， 我 们 可 以 推导 出 用 d 表示 而 得 的 z 的 表达 式 : 


1 
Zview = Far — Near __1 
Near :Far Near 


由 于 在 Unity 使 用 的 视角 空间 中 ， 摄 像 机 正 向 对 应 的 z 值 均 为 负 值 ， 因 此 为 了 得 到 深 
度 值 的 正 数 表示 ， 我 们 需要 对 上 面 的 结果 取 反 ， 最 后 得 到 的 结果 如 下 : 


, 1 
Zview 一 Near 二 Far ) 疯 1 
Near :Far Near 


它 的 取 值 范围 就 是 视 锥 体 深度 范围 ， 即 [Near, Far]。 如果 我 们 想得到 范围 在 [0, 1] 之 
间 的 深度 值 ， 只 需要 把 上 面 得 到 的 结果 除 以 Far 妈 可。 这样，0 就 表示 该 点 与 摄像 机 位 于 
同一 位 置 ， 1 表示 该 ; 咏 位 于 视 锥 体 的 远 裁剪 平面 上 。 结 果 如 下 : 


1 


Near — Far Far 
Near Near 


Zi 二 


至 运 的 是 ，Unity 提 供 了 两 个 辅助 函数 来 为 我 们 进行 上 述 的 计算 过 程 一 一 
LinearEyeDepth 和 Linear01Depth。LinearEyeDepth 人 负责 把 深度 纹理 的 采样 结果 转换 到 视 
角 空 间 下 的 深度 值 ， 也 就 是 我 们 上 面 得 到 的 .ww 。 而 Linear01Depth 则 会 返回 一 个 范围 在 
[0，1] 的 线性 深度 值 ， 也 就 是 我 们 上 面 得 到 的 z ol 。 这 两 个 函数 内 部 使 用 了 内 置 的 

_ZBufferParams 变 量 来 得 到 远近 裁剪 平面 的 距离 。 


如 果 我 们 需要 获取 深度 + 法 线 纹 理 ， 可 以 直接 使 用 tex2D 画 数 对 
_CameraDepthNormalsTexture 进 行 采样 ， 得 到 里 面 存储 的 深度 和 法 线 信息 。Unity 提 供 了 
十 助 函 数 来 为 我 们 对 这 个 采样 结果 进行 解码 ， 从 而 得 到 深度 值 和 法 线 方向 。 这 个 函数 是 
DecodeDepthNormal， 它 在 UnityCG.cginc 里 被 定义 : 


sh | 


inline void DecodeDepthNormal( float4 enc, out float depth, out float3 normal ) 


depth = DecodeFJoatRG (enc.zw); 
normal = DecodeViewNormalStereo (enc); 


} 


DecodeDepthNormal 的 第 一 个 参数 是 对 深度 + 法 线 纹理 的 采样 结果 ， 这 个 采样 结果 是 
Unity 对 深度 和 法 线 信 息 编 码 后 的 结果 ， 它 的 xy 分 量 存储 的 是 视角 空间 下 的 法 线 信息 
而 深度 信息 被 编码 进 了 zw 分 量 。 通 过 调用 DecodeDepthNormal 函 数 对 采 : 样 结果 解码 后 : 
我 们 就 可 以 得 到 解码 后 的 深度 值 和 法 线 。 这 个 深度 值 是 范围 在 [0, 1] 的 线性 深度 值 (这 与 
单独 的 深度 纹理 中 存储 的 深度 值 不 同 ) ， 而 得 到 的 法 线 则 是 视角 空间 下 的 法 线 方向 。 同 
样 ， 我 们 也 可 以 通过 调用 DecodeFloatRG 和 DecodeViewNormalStereo 来 解码 深度 + 法 线 纹 
理 中 的 深度 和 法 线 信息 。 


至 此 ， 我 们 已 经 学 会 了 如 何在 Unity 里 获取 及 使 用 深度 和 法 线 纹理 。 下 面 ， 我 们 会 
学 习 如 何 使 用 它们 实现 各 种 屏幕 特效 。 


13.1.3 ”查看 深度 和 法 线 纹理 


很 多 时 候 ， 我 们 希望 可 以 查看 生成 的 深度 和 法 线 纹理 ， 以 便 对 Shader 进 行 调试 。 
Unity 5 提供 了 一 个 方便 的 方法 来 查看 摄像 机 生成 的 深度 和 法 线 纹理 ， 这 个 方法 就 是 利用 
帧 调试 器 (Frame Debugger) 。 图 13.3 显 示 了 使 用 帧 调试 器 查看 到 的 深度 纹理 和 深度 + 法 
线 纹理 。 


A 图 13.3 使 用 Frame Debugger 查 看 深度 纹理 〈 左 ) 和 深度 + 法 线 纹理 〈 右 ) 。 如 果 当 前 摄像 机 需要 生成 深度 和 法 线 
纹理 ， 帧 调试 器 的 面板 中 就 会 出 现 相 应 的 泻 染 事件 。 只 要 单 击 对 应 的 事件 就 可 以 查看 得 到 的 深度 和 法 线 纹理 


使 用 帧 调试 器 查看 到 的 深度 纹理 是 非 线性 空间 的 深度 值 ， 而 深度 + 法 线 纹理 都 是 由 
Unity 编 码 后 的 结果 。 有 时 ， 显 示 出 线性 空间 下 的 深度 信息 或 解码 后 的 法 线 方向 会 更 加 
有 用 。 此 时 ， 我 们 可 以 自行 在 片 元 着 色 器 中 输出 转换 或 解码 后 的 深度 和 法 线 值 ， 如 图 
13.4 所 示 。 输 出 代码 非常 简单 ， 我 们 可 以 使 用 类 似 下 面 的 代码 来 输出 线性 深度 值 : 


float depth = SAMPLE_ DEPTH_TEXTURE(_CameraDepthTexture, i.uv); 
float linearDepth = Linear01Depth(depth ) ， 
return fixed4(linearDepth, linearDepth, linearDepth, 1.0); 


或 是 输出 法 线 方向 : 


fixed3 normal = DecodeViewNormalSstereo(tex2D(_CameraDepthNormalsTexture, i.uv).xy); 
return fixed4(normal * 0.5 + 0.5, 1.0); 


在 查看 深度 纹理 时 ， 读 者 得 到 的 画面 有 可 能 几乎 是 全 黑 或 全 白 的 。 这 时 候 读 者 可 以 

把 摄像 机 的 远 裁剪 平面 的 距离 (Unity 默 认为 1000) 调 小 ， 使 视 锥 体 的 范围 刚好 覆盖 场 

景 的 所 在 区 域 。 这 是 因为 ， De ee 

深度 区 域 ， 当 远 裁 剪 平 面 的 距离 过 大 时 ， 会 导致 离 摄像 机 较 近 的 距离 被 映射 到 非常 小 的 

深度 值 ， 如 果 场 景 是 个 封闭 的 区 域 (如 图 13.4 所 示 ) ， 那 么 这 就 全 导致 画面 看 起 来 几 

乎 是 全 黑 的 。 相 反 ， 如 果 场景 是 一 个 开放 区 域 ， 且 物体 离 摄像 机 的 距离 较 远 ， 就 会 导致 
画面 几乎 是 全 日 的 。 


Pp 


图 13.4 左边 : 线性 空间 下 的 深度 纹理 。 右 边 ， 解 码 后 并 


被 映射 到 [0, 1] 范 


图 内 的 视角 空间 下 的 法 线 纹理 
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Translating.cs 


(3) 新 建 
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和 个 


门 需要 搭建 一 个 测 
房间 ， 并 放置 了 4 个 立方 体 ， 它 人 
脚本 拖 电 给 


本 。 在 本 书 资源 中 ， 
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试 运 


更 用 了 内 


动 模糊 的 场景 。 在 本 书 


置 的 天 空 盒子 。 


[下 准备 工 


况 下 场景 将 包 
去 挥 场景 中 


e_13_2。 在 Unity 5.2 中 ， 默 认 情 
在 Window 一 Lighting 一 Skybox 


] 都 使 


资源 的 实现 中 ， 我 们 构建 了 一 个 回 洒 有 
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们 在 9.5 节 中 人 


让 


景 中 不 断 运动 。 


摄像 机 ， 


个 Unity Shader。 在 本 书 
则 写 MotionBlurWithDepthTexture.cs 脚 了 


， 继 承 12.1T 中 创建 的 基 


源 中 ， 


类 : 


! 建 的 标准 


该 脚本 名 为 MotionBlurWithDepthTexture.cs。 把 


材质 。 同 时 ， 我 们 把 本 书 资源 


该 脚本 拖 忠 到 摄 


该 Shader 名 为 Chapter13-MotionBlurWithDepthTexture 。 
EE。 打 


该 脚本 ， 


进行 如 下 修改 。 


public class MotionBlurwithDepthTexture : 


PostEffectsBase { 


(2) 声明 该 效果 


get { 


需要 的 Shader， 


并 


public Shader motionBlurShader 
private Material motionBlurMaterial = null; 


public Material material { 


据 此 创建 相应 的 材 


= 


J : 


motionBlurMaterial = CheckShaderAndCreateMaterial(motionBlurShader, motionBlurMaterial); 
return motionBlurMaterial; 


(3) 定义 运动 模糊 时 模糊 图 


像 使 


的 大 小 : 


[Range(0.0f, 1.0f)] 


public float blurSize = 0,.5f， 


| 


(4) 由 于 本 节 需 要 得 到 摄像 机 的 视角 和 投影 矩阵 ， 我 们 需要 定义 一 个 Camera 类 型 的 变量 ， 以 获取 该 
却 本 所 在 的 摄像 机 组 件 : 


private Camera myCamera,; 
public Camera camera { 
get { 
if (myCamera == null) { 
myCamera = GetCcomponent<Camera>(); 


return myCamera; 


(5) 我 们 还 需要 定义 一 个 变量 来 保存 上 一 帧 摄像 机 的 视角 * 投 影 矩 阵 ; 


private Matrix4x4 previousViewProjectionMatrix; 


(6) 由 于 本 例 需 要 获取 摄像 机 的 深度 纹理 ， 我 们 在 脚本 的 OnEnable 函 数 中 设置 摄像 机 的 状态 : 


void OnEnable() { 
camera.depthTextureMode |= DepthTextureMode.Depth,; 


} 


(7) 最 后 ， 我 们 实现 了 OnRenderImage 函 数 : 


void OnRenderImage (RenderTexture src, RenderTexture dest) { 
If (material != null) { 
material.SetFloat("_BlurSize", blurSize); 


material.SetMatrix("_PreviousViewProjectionMatrix", previousViewProjectionMatrix); 
Matrix4x4 currentViewProjectionMatrix = camera.projectionMatrix * camera.worldToCameraMatrix; 
Matrix4x4 currentViewProjectionInverseMatrix = currentViewProjectionMatrix.inverse; 
material.SetMatrix("_CurrentViewProjectionInverseMatrix", currentViewProjectionInverseMatrix)); 
previousViewProjectionMatrix = currentViewProjectionMatrix; 


Graphics.Blit (src, dest, material); 
} else { 

Graphics.Blit(src, dest); 
} 


上 面 的 OnRenderImage 函 数 很 简单 ， 我 们 首先 需要 计算 和 传递 运动 模糊 使 用 的 各 个 属性 。 本 例 需 要 使 
两 个 变换 矩阵 一 一 前 一 帧 的 视角 * 投 影 矩 阵 以 及 当前 帧 的 视角 * 投 影 矩 阵 的 逆 矩 阵 。 因 此， 我 们 通过 调 
jcamera.worldToCameraMatrix 和 camera.projectionMatrix 来 分 别 得 到 当前 摄像 机 的 视角 和 矩阵 和 投影 矩阵 。 
对 它们 相 乘 后 取 逆 ， 得 到 当前 帧 的 视角 * 投 影 第 阵 的 逆 逢 阵 ， 并 传递 给 材质 。 然 后 ， 我 们 把 取 逆 前 的 结果 
存储 在 previousViewProjectionMatrix 变 量 中 ， 以 便 在 下 一 帧 时 传递 给 材质 的 iniGwPiaiaetianatix 


性 。 


el 


下 面 ， 我 们 来 实现 Shader 的 部 分 。 打 开 Chapter13-MotionBlurWithDepthTexture， 进 行 如 下 修改 。 
(1) 我 们 首先 需要 声明 本 例 使 用 的 各 个 忆 


rn 
细 
和 


Properties { 
_MainTex ("Base (RGB)", 2D) = "white" {} 
_BlurSize ("Blur Size", Float) = 1.0 


_MainTex 对 应 了 输入 的 泻 染 纹理 ，_BlurSize 是 模糊 图 像 时 使 用 的 参数 。 我 们 注意 到 ， 虽 然 在 脚本 里 


设置 了 材质 的 _PreviousViewProjectionMatrix 和 _ CurrentViewProjectionInverseMatrix 属 性 ， 但 并 没有 在 
Properties 块 中 声明 它们 。 这 是 因为 Unity 没 有 提供 矩阵 类 型 的 属性 ， 但 我 们 仍然 可 以 在 CG 代码 块 中 定义 这 
些 矩 阵 ， 并 从 脚本 中 设置 它们 。 


(2) 在 本 节 中 ， 我 们 使 用 CGINCLUDE 来 双 
ENDCG 语 义 来 定义 一 系列 代码 : 


IT 


织 代 码 。 我 们 在 SubShader 块 中 利用 CGINCLUDE 和 


SubShader { 
CGINCLUDE 


ENDCG 


sampler2D _MainTex; 

half4 MainTex_TexelSize; 

sampler2D _CameraDepthTexture; 

float4x4 _CurrentViewProjectionInverseMatrix; 
float4x4 _PreviousViewProjectionMatrix; 

half _BlurSize,; 


= 


在 上 面 的 代码 中 ， 除 了 定义 在 Properties 声 明 的 _MainTex 和 _BlurSize 属 性 ， 我 们 还 声明 了 其 他 三 个 变 

量 。 CameraDepthTexture 是 Unity 传 递 给 我 们 的 深度 纹理 ， 而 _CurrentViewProjectionInverseMatrix 和 

_PreviousViewProjectionMatrix 是 由 脚本 传递 而 来 的 矩阵 。 除 此 之 外 ， 我 们 还 声明 了 _MainTex _TexelSize 变 
量 ， 它 对 应 了 主 纹 理 的 纹 素 大 小 ， 我 们 需要 使 用 该 变量 来 对 深度 纹理 的 采样 坐标 进行 平台 差异 化 处 理 

( 详 见 5.6.1 节 ) 。 


(4) 顶点 着 色 器 的 代码 和 之 前 使 用 多 次 的 代码 基本 一 致 ， 只 是 增加 了 专门 用 于 对 深度 纹理 采 档 
量 


理 坐 标 变 


的 纹 


让 


Struct v2f { 
float4 pos : SV_POSITION; 
half2 uv : TEXCOORDO; 
half2 uv_depth : TEXCOORD1; 
}; 


v2f vert(appdata_ img v) { 
v2f 0o; 
0.pos = mul(UNITY_MATRIX_MVP, Vv.vertex); 


oO.UV = VvV.texcoord; 
oOo.uv_depth = v.texcoord; 


#if UNITY_UV_STARTS_AT_TOP 

If (_MainTex_TexelSize.y < 0) 
oO.Uuv_depth.y = 1 - o.uv_depth.y; 

#endif 


return o; 


} 


于 在 本 例 中 ， 我 们 需要 同时 处理 多 张 泻 染 纹理 ， 因 此 在 DirectX 这 样 的 平台 上 ， 我 们 需要 处 理 平台 
差异 导致 的 图 像 翻转 问题 。 在 上 本 面 的 代码 中 ， 我 们 对 深度 纹理 的 采样 坐标 进行 了 平台 差异 化 处 理 ， 以 便 
竺 类 似 DirectX 的 平台 上 ， 在 开启 了 抗 锯齿 的 情况 下 仍然 可 以 得 到 正确 的 结果 。 


(5) 片 元 着 色 器 是 算法 的 重点 所 在 : 


fixed4 frag(v2f i) : SV_Target { 
// Get the depth buffer value at this pixel. 
float d = SAMPLE_ DEPTH_TEXTURE(_CameraDepthTexture, i.uv_depth); 
// H is the viewport position at this pixel in the range -1 to 1. 
float4 H = float4(i.uv.x*2-1, ij.uvy*2-1,d*2-1, 1); 
// Transform by the view-projection inverse. 
float4 D = mul(_CurrentViewpProjectionInverseMatrix, H); 
// Divide by w to get the world position. 
float4 worldPos = D / D.w; 


// Current viewport position 

float4 currentPos = H; 

// Use the world position, and transform by the previous view-projection matrix. 
float4 previousPos = mul(_PreviousViewProjectionMatrix, worldPos); 

// Convert to nonhomogeneous points [-1,1] by dividing by w. 

previousPos /= previousPos.w; 


// Use this frame's position and last frame's to compute the pixel velocity. 
float2 velocity = (currentPos.xy - previousPos.xy)/2.0f; 


float2 uv = i.uv; 

float4 c = tex2D(_MainTex, UVv); 

UV += Velocity * _BlurSize; 

for (int it = 1; it < 3; it++, UV += Velocity * _BlurSize) { 
float4 currentColor = tex2D(_MainTex, uv); 
Cc += CurrentColor ， 


C /= 3; 


return fixed4(c.rgb, 1.0); 


我 们 首先 需要 利用 深度 纹理 和 当前 帧 的 视角 * 投 影 矩 阵 的 逆 和 矩阵 来 求 得 该 像素 在 世界 空间 下 的 坐标 。 
过 程 开 始 于 对 深度 纹理 的 采样 ， 我 们 使 用 内 置 的 SAMPLE_DEPTH_TEXTURE 宏 和 纹理 坐标 对 深度 纹理 进 
行 采样 ， 得 到 了 深度 值 4 。 由 13.1.2 节 可 知 ，d 是 由 NDC 下 的 坐标 映射 而 来 的 。 我 们 想 要 构建 像素 的 NDC 
从 标 H ， 号 需要 把 这 个 深度 从 重新 映射 回 NDC。 这 个 映射 很 简单 ， 只 需要 使 用 原 映射 的 反 函 数 即 可 ， 即 q 
* 2-1。 同样 ，NDC 的 xy 分 量 可 以 象 素 的 纹理 坐标 映射 而 来 (NDC 下 的 xyz 分 量 范围 均 为 [-1, 1]) 。 当 得 
到 NDC 下 的 坐标 后 ， 我 们 就 可 使 用 当前 帧 的 视角 * 投 影 矩 阵 的 逆 矩 阵 对 其 进行 变换 ， 并 把 结果 值 除 以 
它 的 w 分 量 来 得 到 世界 空间 下 的 坐标 表示 worldPos 。 


一 旦 得 到 了 世界 空间 下 的 坐标 ， 我 们 就 可 以 使 用 前 一 帧 的 视角 * 投 影 矩 阵 对 它 进 行 变换 ， 得 到 前 一 帧 


在 NDC 下 的 坐标 previousPos。 然 后 ， 我 们 计算 前 顺和 当前 帧 在 屏幕 空间 下 的 位 置 差 ， 得 到 该 像素 的 束 
度 velocity 。 


当 得 到 该 像素 的 速度 后 ， 我 们 就 可 以 使 用 该 速度 值 对 它 的 邻 域 像素 进行 采样 ， 相 加 后 取 平 均值 得 到 
一 个 模糊 的 效果 。 采 样 时 我 们 还 使 用 了 _BlurSize 来 控制 采样 距离 。 


(6) 然后 ， 我 们 定义 了 运动 模糊 所 需 的 Pass: 


Ne 


也 


Pass { 
ZTest Always Cull Off ZWwrite Off 


CGPROGRAM 


#pragma vertex Vert 
#pragma fragment frag 


ENDCG 


(7) 最 后 ， 我 们 关闭 了 shader 的 Fallback: 


Fallback Off 


完成 后 返回 编辑 器 ， 并 把 Chapter13-MotionBlurWithDepthTexture 拖 虑 到 摄像 机 的 MotionBlur 

WithDepthTexture.cs 脚 本 中 的 motionBlurShader 参 数 中 。 当 然 ， 我 们 可 以 在 MotionBlurWith DepthTexture.cs 
的 脚本 面板 中 将 motionBlurShader 参 数 的 默认 值 设 置 为 Chapter13-MotionBlur WithDepthTexture， 这 样 就 不 
需要 以 后 使 用 时 每 次 都 手动 拖 上 中 了 。 


本 节 实 现 的 运动 模糊 适用 于 场景 静止 、 摄 像 机 快速 运动 的 情况 ， 这 是 因为 我 们 在 计算 时 只 考虑 了 摄 
像 机 的 运动 。 因此， 如 果 读 者 把 本 节 中 的 代码 应 用 到 一 个 物体 快速 运动 而 摄像 机 静止 的 场景 ， 会 发 现 不 
会 产生 任何 运动 模糊 效果 。 如 果 我 们 想 要 对 快速 移动 的 物体 产生 运动 模糊 的 效果 ， 就 需要 生成 更 加 精确 
的 速度 映射 图 。 读 者 可 以 在 Unity 自 带 的 ImageEffect 包 中 找到 更 多 的 运动 模糊 的 实现 方法 。 


本 节选 择 在 片 元 着 色 器 中 使 用 逆 矩 阵 来 重建 每 个 像素 在 世界 至 间 下 的 位 置 。 但 是 ， 这 种 做 法 往往 会 
影响 性 能 ， 在 13.3 节 中 ， 我 们 会 介绍 一 种 更 快速 的 由 深度 纹理 重建 世界 坐标 的 方法 。 


13.3 ”全 局 雾 效 


雾 效 (Fog) 是 游戏 里 经 常 使 用 的 一 种 效果 。Unity 内 置 的 雾 效 可 以 产生 基于 距离 的 线性 或 指 
数 雾 效 。 然 而 ， 要 想 在 自己 编写 的 顶点 / 片 元 着 色 器 中 实现 这 些 雾 效 ， 我 们 需要 在 Shader 中 添加 
#pragma multi_compile_fog 指 令 ， 同 时 还 需要 使 用 相关 的 内 置 宏 ,例如 UNITY_FOG_COORDS、 
UNITY_TRANSFER_FOG 和 UNITY_APPLY_FOG 等 。 这 种 方法 的 缺点 在 于 ， 我 们 不 仅 需要 为 场景 
中 所 有 物体 添加 相关 的 泻 当 代码， 而且 能 够 实现 的 效果 也 非常 有 限 。 当 我 们 需要 对 雾 效 进行 一 些 
个 性 化 操作 时 ， 例 如 使 用 基于 高 度 的 雾 效 等 ， 仅 仅 使 用 Unity 内 置 的 雾 效 就 变 得 不 再 可 行 。 


在 本 节 中 ， 我 们 将 会 学 习 一 种 基于 屏幕 后 处 理 的 全 局 雾 效 的 实现 。 使 用 这 种 方法 ， 我 们 不 需 
要 更 改 场景 内 泻 染 的 物体 所 使 用 的 Shader 代 码 ， 而 仅仅 依靠 一 次 屏幕 后 处 理 的 步骤 即 可 。 这 种 方 
法 的 自由 性 很 高 ， 我 们 可 以 方便 地 模拟 各 种 筋 效 ， 例 如 均匀 的 筋 效 、 基 于 距离 的 线性 /指数 筋 效 、 
基于 高 度 的 筋 效 等 。 在 学 习 完 本 下 后 ， 我 们 可 以 得 到 类 似 图 13.5 中 的 效果 。 


A 图 13.5 左边 : 原 效果 。 右 边 : 添加 全 局 雾 效 后 的 效果 


基于 屏幕 后 处 理 的 全 局 筋 效 的 关键 是 ， 根 据 深 度 纹理 来 重建 每 个 像素 在 世界 空间 下 的 位 置 。 
尽管 在 13.2 市 中 ， 我 们 在 模拟 运动 模糊 时 已 经 实现 了 这 个 要 求 ， 即 构 建 出 当前 像素 的 NDC 坐 标 ， 
再 通过 当前 摄像 机 的 视角 * 投 影 矩 阵 的 逆 和 抢 阵 来 得 到 世界 空间 下 的 像素 坐标 ， 但 是 ， 这 样 的 实现 需 
要 在 片 元 着 色 器 中 进行 矩阵 乘法 的 操作 ， 而 这 通常 会 影响 游戏 性 能 。 在 本 节 中 ， 我 们 将 会 学 习 一 
个 快速 从 深度 纹理 中 重建 世界 坐标 的 方法 。 这 种 方法 首先 对 图 像 空 间 下 的 视 锥 体 射线 (从 摄像 机 
出 发 ， 指 向 图 像 上 的 某 点 的 射线 ) 进行 插值 ， 这 条 射线 存储 了 该 像素 在 世界 空间 下 到 摄像 机 的 方 
向 信息 。 然 后 ， 我 们 把 该 射线 和 线性 化 后 的 视角 空间 下 的 深度 值 相 乘 ， 再 加 上 摄像 机 的 世界 位 
置 ， 就 可 以 得 到 该 像素 在 世界 空间 下 的 位 置 。 当 我 们 得 到 世界 坐标 后 ， 束 可 以 轻松 地 使 用 各 个 公 
式 来 模拟 全 局 雾 效 了 。 


13.3.1 重建 世界 坐标 


在 开始 动手 写 代码 之 前 ， 我 们 首先 来 了 解 如 何 从 深度 纹理 中 重建 世界 坐标 。 我 们 知道 ， 坐 标 
系 中 的 一 个 顶点 坐标 可 以 通过 它 相 对 于 另 一 个 顶点 坐标 的 偏 移 量 来 求 得 。 重 建 像素 的 世界 坐标 也 
是 基于 这 样 的 思想 。 我 们 只 需要 知道 摄像 机 在 世界 空间 下 的 位 置 ， 以 及 世界 空间 下 该 像素 相对 于 
摄像 机 的 偏 移 量 ， 把 它们 相 加 就 可 以 得 到 该 像素 的 世界 坐标 。 整 个 过 程 可 以 使 用 下 面 的 代码 来 表 
a: 


float4 worldPos = _WorldSpaceCameraPos + linearDepth * interpolatedRay 


HH 


访问 得 到 。 而 linearDepth * interpolatedRay 则 可 以 计算 得 到 该 像素 相对 于 


_WorldSpaceCameraPos 是 摄像 机 在 世界 空间 下 的 位 置 ， 这 可 以 由 Unity 的 内 置 变量 直接 


像 机 的 偏 移 量 


惠 : 


linearDepth 是 


深度 纹理 得 到 的 线性 深度 值 ，interpolatedRay 是 由 顶点 着 色 器 输 ! 插值 后 得 到 的 


射线 ， 它 不 仅 包含 了 该 像素 到 摄像 机 的 方向 ， 也 包含 了 距离 信息 。linearDepth 的 获取 我 们 已 经 在 


13.1.2 市 中 详细 解释 过 了 ， 因 此 ， 本 节 着 重 解释 interpolatedRay 的 求法 。 
ntorpalatedRay RU FAI, 前 平面 的 4 个 角 的 某 个 特定 向 量 的 插值 ， 这 4 个 向 量 包含 了 它们 到 


摄像 机 的 方 


13.6 显 示 了 计 


可 和 距离 信息 ， 我 们 可 以 禾 


算 时 使 用 的 一 些 辅助 向 量 。 为 了 方便 计算 ， 我 们 可 以 先 计算 两 个 向 量 


人 


用 摄像 机 的 近 裁 前 平面 距离 、FOV、 横 纵 比 计算 而 得 。 图 
toTop 和 


toRight， 叱 
公式 如 下 : 


门 是 起 点 位 于 近 裁 剪 平 下 


' 心 、 分 别 指向 摄像 机 正 上 方 和 正 右 方 的 向 量 。 它 们 的 计算 


(至 ) 
halfHeight =Near xtan \ 2 
toTop =camera.up xhalfHeight 


toRight =camera.right xhalfHeight :aspect 


其 中 ，Near 是 近 裁 前 平面 的 距离 ，FOV 是 坚 直 方向 的 视角 范围 ，camera.up、camera.right 分 别 
对 应 了 摄像 机 的 正 上 方 和 正 右 方 。 


当 
( 见 图 13.6 


得 到 这 两 个 辅助 向 量 后 ， 我 们 就 可 以 计算 4 个 角 相 对 于 摄像 机 的 方向 了 。 我 们 以 左上 角 为 例 
的 TL 点 ) ， 它 的 计算 公式 如 下 


TL =camera.forward .Near +toTop-toRight 


读者 可 以 依靠 基本 的 矢量 运算 验证 上 面 的 结果 。 同 理 ， 其 他 3 个 角 的 计算 也 是 类 似 的 : 


TR =camera.forward * Near +toTop+toRight 
BL =camera.forward .Near -toTop-toRight 


BR =camera.forward . Near -toTop+toRight 


Ry a 
注 尽 ， 


面 求 得 的 4 个 向 量 不 仅 包含 了 方向 信息 ， 它 们 的 模 对 应 了 4 个 点 到 摄像 机 的 空间 距 


离 。 由 于 我 人 


] 得 到 的 线性 深度 值 并 非 是 点 到 摄像 机 的 欧式 距离 ， 而 是 在 z 方向 上 的 距离 ， 因此 我 


们 不 能 直接 使 用 深度 值 和 4 个 角 的 单位 方向 的 乘积 a 它们 到 摄像 机 的 偏 移 量 ， 如 图 13.7 所 示 。 
想 要 把 深度 值 转换 成 到 摄像 机 的 欧式 距离 也 很 简单 ， 我 们 以 TL 点 为 例 ， 根 据 相似 三 角形 原理 ，TL 


的 比 ， 即 


此 可 得 ， 


， 像 素 的 深度 值 和 它 到 摄像 机 的 实际 距离 的 比 等 于 近 裁 前 平面 的 距离 和 TL 向 量 的 模 


depth Near 


dist ~ |TL 


我 们 需要 的 TL 距离 摄像 机 的 欧 氏 距离 dist: 
TA 


dist 一 一 x depth 
Near 


lh 
一 一 
Wn 
pay 
磋 
岂 
A 


EH 于 4 个 由 相互 对 称 ， 因 此 其 他 3 个 向 量 的 模 和 了 TL 相等 ， 即 我 们 可 以 使 用 同一 个 因子 和 单位 向 


它们 对 应 的 向 量 值 


| 了 | 
| wear| 


scale = 


TL TR 
Rayrr = x scale, RayrR = x scale 


[Ti a 
BL BR 
RayBsr = 15d x scale, RayBR = [5 x scale 


Pp 


图 13.6 ”计算 interpolatedRay 


4 图 13.7 采样 得 到 的 深度 值 并 非 是 点 到 摄像 机 的 欧式 距离 


屏幕 后 处 理 的 原理 是 使 用 特定 的 材质 去 泻 染 一 个 刚好 填充 整个 屏幕 的 四 边 形 面 片 。 这 个 四 边 
形 面 片 的 4 个 顶点 就 对 应 了 近 裁 前 平面 的 4 个 角 。 因 此 ， 我 们 可 以 招 上 面 的 计算 结果 传递 给 顶 所 着 
色 器 ， 顶 点 着 色 器 根据 当前 的 位 置 选 择 它 所 对 应 的 向 量 ， 然 后 再 将 其 输出 ， 经 插值 后 传递 给 片 元 


着 色 器 得 到 interpolatedRay， 我 们 就 可 以 直接 利用 本 市 一 开始 提 到 的 公式 重建 该 像素 在 世界 空 间 下 
的 位 置 了 。 


13.3.2” 雾 的 计算 


在 简单 的 雾 效 实现 中 ， 我 们 需要 计 


数 : 


算 一 个 筋 效 系数 f， 作 为 混合 原始 颜色 和 雾 的 颜色 的 混合 系 


float3 afterFog 


= f * fogColor + (1 - 


f) * origCcolor ， 


这 个 家 效 系数 { 有 很 多 计算 方法 。 在 Unity 内 置 的 雾 效 实现 中 ， 支 持 三 种 筋 的 计算 方式 一 一 线性 


(Linear) 、 指 数 (Exponential) 以 及 指数 的 平方 (Exponential Squared) 。 当 给 定 距离 z 后 ,f 的 


计算 公式 分 别 如 下 : 


Linear: 
f ee Whiz |z| 
dmar 一 dmin dmin 和 dv 分 别 表 
Exponential: 
f=e““] ，d 是 控制 雾 的 浓度 的 参数 。 


Exponential Squared: 
d 是 控制 和 擂 的 浓度 的 参数 。 


在 本 节 中 ， 我 们 将 使 用 类 似 线性 雾 的 计算 方式 ， 
一 点 在 世界 空间 下 的 高 度 y 后 ,了 的 计算 公式 为 : 


f=e eH, 


下 :三 


13.3.3 ”实现 
为 了 在 Unity 


景 将 包含 一 个 摄像 机 和 一 个 平行 光 ， 并 


H: md 一 Uy 
H' ne Hstart 


Huon 和 Hng 分 别 表示 受 雾 影 


' 实 现 基于 屏幕 后 处 理 的 雾 效 ， 我 人 
(1) 新 建 一 个 场景 。 在 本 书 


示 受 雾 影响 的 最 小 距离 和 最 大 距 


和! 
最 


计算 基于 高 度 的 筋 效 。 具 体 方法 是 ， 当 给 定 


响 的 起 始 高 度 和 终止 高 度 。 


] 需 要 进行 如 下 准备 工作 。 


， 该 场景 名 为 Scene_13_3。 在 Unity 5.2 中 ， 默 认 情 况 下 场 


使 用 了 内 嘲 


了 
Skybox 中 去 掉 场景 中 的 天 空 盒子 


(2) 我 们 需要 搭建 一 个 测试 筋 效 


的 天 空 盒子 。 在 Window -< Lighting -< 


的 房间 ， 并 放置 了 


我 们 把 本 书 资源 


(3) 新 建 一 


像 机 上 。 


(4) 新 建 一 个 Unity Shader。 在 本 书 资源 


| 


的 场景 。 在 本 书 资源 的 实现 中 ， 我 们 构建 了 一 个 包含 3 面 墙 
两 个 立方 体 和 两 个 球体 ， 它 们 都 使 用 了 我 们 在 9. 5 节 创建 的 标准 材质 。 同 时 ， 
! 的 Translating.cs 脚 本 拖 忠 给 摄像 机 ， 


个 脚本 。 在 本 书 资源 中 ， 


该 脚本 名 为 FogWithDepthTexture.cs。 把 该 脚本 拖 虑 到 摄 


让 其 在 场景 ' 不 断 运 动 。 


， 该 Shader 名 为 Chapter13-FogWithDepthTexture 。 


我 们 首先 来 编写 FogWithDepthTexture.cs 脚 本 。 打 开 该 脚本 ， 并 进行 如 下 修改 。 


(1) 首先 ， 


继承 12.1 市 中 创建 的 基 


类 . 


public class FogwithDepthTexture : PostEffectsBase { 


(2) 声明 该 效果 需要 的 Shader， 并 据 此 创建 相应 的 材质 : 


public Shader fogShader; 
private Material fogMaterial = null; 


public Material material { 
get { 
fogMaterial = CheckShaderAndCreateMaterial(fogShader, fogMaterial); 
return fogMaterial; 


Ei 


S 


(3) 在 本 市 中 ， 我 们 需要 获取 摄像 机 的 相关 参数 ， 如 近 裁 前 平面 的 距离 、FOV 等 ， 同 时 还 
要 获取 摄 像 机 在 世界 空 #3 间 下 的 前 方 、 上 方 和 右 方 等 方 同 ， 因 此 我 们 用 两 个 变量 存储 摄像 机 的 
Camera 组 件 和 Transform 组 件 : 


private Camera myCamera,; 
public Camera camera { 
get { 
if (myCamera == null) { 
myCamera = GetComponent<Camera>(); 
} 


return myCamera; 


} 


private Transform myCameraTransform,; 
public Transform cameraTransform { 


get { 
if (myCameraTransform == null) { 
myCameraTransform = camera.transform; 
} 


return myCameraTransform; 


(4) 定义 模拟 筋 效 时 使 用 的 各 个 参数 : 


[Range(0.0f, 3.0f)] 
public float fogDensity = 1.0f; 


public Color fogColor = Color.white; 


public float fogStart = 0.0f' 
public float fogEnd = 2.0f; 


fogDensity 用 于 控制 雪 的 谈 度 ，fogColor 用 于 控制 筋 的 颜色 。 我 们 使 用 的 雾 效 模拟 函数 是 基 
高 度 的 ， 因 此 参数 fogStart 用 于 控制 雾 效 的 起 始 高 度 ，fogEnd 用 于 控制 筋 效 的 终止 高 度 。 


(5) 由 于 本 例 需 要 获取 摄像 机 的 深度 纹理 


FE 


， 我 们 在 脚本 的 OnEnable 函 数 


状态 : 


} 


void OnEnable() { 


camera.depthTextureMode |= DepthTextureMode.Depth; 


(6) 最 后 ， 我 们 实现 了 OnRenderImage 函 数 : 


void OnRenderImage (RenderTexture src, RenderTexture dest) { 
if (material != null) { 

Matrix4x4 frustumCorners = Matrix4x4.identity; 

float 

float 

float 

float 


fov = camera.fieldOofView; 
near = camera.nearClipPlane; 
far = camera.farClipPlane' 


aspect = Camera.aspect 


float halfHeight = near * Mathf.Tan(fov * 0,5f * Mathf.Deg2Rad); 
Vector3 toRight = cameraTransform.right * halfHeight * aspect; 
Vector3 toTop = cameraTransform.up * halfHeight; 


Vector3 topLeft = cameraTransform.forward * near + toTop - toRight; 
float Scale = topLeft.magnitude / near; 


topLeft ,Normalize()， 
topLeft *= scale; 


Vector3 topRight = cameraTransform.forward * near + toRight + toTop; 
topRight .Normalize()， 
topRight *= scale; 


Vector3 bottomLeft = cameraTransform.forward * near - toTop - toRight; 
bottomLeft .Normalize()， 
bottomLeft *= scale; 


Vector3 bottomRight = cameraTransform.forward * near + toRight - toTop; 
bottomRight.Normalize(); 
bottomRight *= scale; 


设置 摄像 机 的 相应 


frustumCcorners .SetRow(0， 
frustumCorners.SetRow(1, 
frustumCorners.SetRow(2, 
frustumCorners.SetRow(3, 


bottomLeft); 
bottomRight); 
topRight); 
topLeft); 


material.SetMatrix("_FrustumCornersRay", frustumCorners); 
material.SetMatrix("_ViewpProjectionInverseMatrix", (camera.projectionMatrix 
camera.worldToCameraMatrix).inverse); 


material.SetFloat("_FogDensity", fogDensity); 
material.SetColor("_FogColor", fogColor); 
material.SetFloat("_FogStart", fogStart); 
material.SetFloat("_FogEnd", fogEnd); 


Graphics.Blit (src, dest, material); 
} else { 

Graphics.Blit(src, dest); 
} 


OnRenderImage 首 先 计 算 了 近 裁 前 平面 的 四 个 角 对 应 的 向 量 ， 并 把 它们 存储 在 一 个 矩阵 类 型 的 
变量 (frustumCorners) 中 。 计 算 过 程 我 们 已 经 在 13.3.1 节 中 详细 解释 EF 过 了， 代码 只 是 套用 了 之 前 
讲 过 的 公式 而 已 。 我 们 按 一 定 顺 序 把 这 四 个 方向 存储 到 Piste Cners | !， 这 个 顺序 是 
非常 重要 的 ， 因 为 这 决定 了 我 们 在 顶点 着 色 器 中 使 用 哪 一 行 作为 该 点 的 答 插 值 向 量 。 随 后 ， 我 们 
把 结果 和 其 他 参数 传递 给 材质 ， 并 调用 Graphics.Blit (src, dest, material) 把 演 染 结果 显示 在 屏幕 上 。 

下 面 ， 我 们 来 实现 Shader 的 部 分 。 打 开 Chapter13-FogWithDepthTexture， 进 行 如 下 修改 。 

(1) 我 们 首先 需要 声明 本 例 使 用 的 各 个 属性 : 
Properties { 

_MainTex ("Base (RGB)", 2D) = "white" {} 

_FogDensity ("Fog Density", Float) = 1.0 

_FogColor ("Fog Color", Color) = (1, 1, 1, 1) 

_FogStart ("Fog Start", Float) = 0.0 


_FogEnd ("Fog End", Float) = 1.0 


(2) 在 了 我 们 使 
系列 


尺码: 


jCGINCLUDE 来 组 织 代码 。 我 们 在 SubShader 块 


! 利 用 CGINCLUDE 


SubShader { 
CGINCLUDE 


ENDCG 


骨 = 二 克 
个 变量 ; 


(3) 声明 代码 中 需要 使 


的 各 


float4x4 _FrustumCornersRay; 


sampler2D _MainTex; 

half4 MainTex_TexelSize; 
sampler2D _CameraDepthTexture; 
half _FogDensity; 

fixed4 _FogColor; 

float _FogStart; 

float _FogEnd ， 


Re 汰 没有 在 Properties 中 


声明 ， 但 仍 可 由 脚本 传递 给 Shader。 除 了 Properties 


声明 的 各 个 属性 


我 们 还 


声明 了 深度 纹理 


理 传递 给 从 该 值 
(4) 定 


着 色 器 : 


_CameraDepthTexture，Unity 会 在 背后 把 得 到 的 深度 纹 


Struct v2f { 
float4 pos : SV_POSITION; 
half2 uv : TEXCOORDO; 
half2 uv_depth : TEXCOORD1; 
float4 interpolatedRay : TEXCOORD2; 


}; 


v2f vert(appdata img v) { 
v2f 0o; 
0.pos = mul(UNITY_ MATRIX_MVP, Vv.vertex); 


O.UV = VvV.texcoord; 
o,UVv_depth = v.texcoord; 


#if UNITY_UV_STARTS_AT_TOP 

if (_MainTex_TexelSize.y < 0) 
O.UVv_depth.y = 1 - o.uv_depth.y; 

#endif 


int index = 0; 
if (v.texcoord.x < 0.5 && Vv.texcoord.y < 0.5) { 
index = 0; 
} else if (v.texcoord.x > 0.5 && v.texcoord.y < 0.5) { 
index = 1; 
} else if (v.texcoord.x > 0.5 && v.texcoord.y > 0.5) { 
index = 2; 
} else { 
index = 3; 
} 
#if UNITY_UV_STARTS_AT_TOP 
If (_MainTex_TexelSize.y < 0) 
index = 3 - index; 
#endif 
o,interpolatedRay = _FrustumCornersRay[index]; 


return o; 


在 v2f 结 构 体 中 ， 我 们 除了 定义 顶点 位 置 、 屏 幕 图 像 和 深度 纹理 的 纹理 坐标 外 ， 


还 定义 ] 
interpolatedRay 变 量 存储 插值 后 的 像素 向 量 。 在 顶点 着 色 器 中 ， 我 们 对 深度 纹理 的 采样 坐标 进行 了 
平台 差异 化 处 理 。 更 重要 的 是 ， 我 们 要 决定 该 ， 点 对 应 了 4 个 角 中 的 哪个 角 。 我 们 采用 的 方法 是 判断 
它 的 纹理 坐标 。 我 们 知道 ， 在 Unity 中 ， 纹 理 坐 标的 (0, 0) 点 对 应 了 左下 角 ， 而 (1, 1) 点 对 应 了 右上 

角 。 我 们 据 此 来 判断 该 项 点 对 应 的 索引 ， 这 个 对 应 关系 和 我 们 在 脚本 中 对 frustumCorners 的 赋值 顺 
序 是 一 致 的 。 实 际 上 ， 不 同 平台 的 纹理 坐标 不 一 定 是 满足 上 面 的 条 件 的 ， 例 如 DirectX 和 Metal 这 样 


的 平台 上 角 对 应 了 (0, 0) 点 ， 但 大 多 数 情况 下 Unity 会 把 这 些 平台 下 的 屏幕 图 像 进行 翻转 ， 因 此 


我 们 仍然 可 以 利用 这 个 人 条件 。 但 如 果 在 类 似 DirectX 的 平台 上 开局 了 抗 饮 元 ，Unity 就 不 会 进行 这 个 


翻转 。 为 了 此 时 仍然 可 以 得 到 相应 顶点 位 置 的 索引 值 ， 我 们 对 索引 值 也 进行 了 平台 差异 化 处 理 


( 详 见 5.6.1 节 ) ， 以 便 在 必要 时 也 对 索引 值 进行 翻转 。 最 后 ， 我 们 使 用 索引 值 来 获取 


_FrustumComersRay 中 对 应 的 行 作为 该 顶点 的 interpolatedRay 值 。 


尽管 我 们 这 里 使 用 了 很 多 判断 语句 ， 但 由 于 屏幕 后 处 理 所 用 的 模型 是 一 个 四 边 形 网 格 ， 只 包 


含 4 个 顶点 ， 因 此 这 些 操作 不 会 对 性 能 造成 很 大 影响 。 
(5) 我 们 定义 了 片 元 着 色 器 来 产生 筋 效 : 


fixed4 frag(v2f i) : SV_Target { 
float linearDepth = LinearEyeDepth(SAMPLE_DEPTH_TEXTURE(_CameraDepthTexture, 


I 


float3 worldPos = _WorldSpaceCameraPos + linearDepth * i.interpolatedRay .xyz; 


float fogDensity = (_FogEnd - worldPos.y) / (_FogEnd - _FogStart); 
fogDensity = saturate(fogDensity * _FogDensity); 


uv_depth ) )| 


r 


fixed4 finalColor = tex2D(_MainTex, i.uv); 
finalCcolor.rgb = lerp(finalCcolor.rgb, _FogColor.rgb, 


return finalColor; 


fogDensity); 


SAMPLE_DEPTH_TEXTURE 对 深度 纹理 进行 采样 ， 再 使 


首先 ， 我 们 需要 重建 该 像素 在 世界 空间 中 的 位 置 。 为 此 ， 我 们 首先 使 用 


LinearEyeDepth 得 到 视角 空间 下 的 线性 


深度 值 。 之 后 ， 与 interpolatedRay 相 乘 后 再 和 世界 空间 下 的 摄像 机 位 置 相 加 ， 即 可 得 到 世界 空间 下 


的 位 置 。 


得 到 世界 坐标 后 ， 模 拟 雾 效 就 变 得 非常 容易 。 在 本 例 


外 


人民 


拟 ， 


计算 公式 可 参见 13.3.2 节 。 我 们 根据 材质 属性 FogEnd 和 _FogStart 


我 们 选择 实现 基于 高 度 的 筋 效 模 
计算 当 前 的 像素 高 度 


worldPos.y 对 应 的 雾 效 系数 fogDensity， 再 和 参数 _ FogDensity 相 乘 后 ， 利 用 saturate 函 数 截 取 到 [0, 1] 
范围 内 ， 作 为 最 后 的 雾 效 系数 。 然 后 ， 我 们 使 用 该 系数 将 雾 的 颜色 和 原始 颜色 进行 混合 后 返回 。 


读者 也 可 以 使 用 不 同 的 公式 来 实现 其 他 种 类 的 筋 效 。 
(6) 随后 ， 我 们 定义 了 雾 效 泻 染 所 需 的 Pass: 


Pass { 
ZTest Always Cull Off Zwrite Off 


CGPROGRAM 


#pragma vertex vert 
#pragma fragment frag 


ENDCG 


(7) 最 后 ， 我 们 关闭 了 Shader 的 Fallback: 


Fallback Off 


完成 后 返回 编辑 器 ， 并 把 Chapter13-FogWithDepthTexture 拖 电 
FogWithDepthTexture. cs 及 中 的 fogShader 参 数 中 。 当 然 ， 我 们 可 以 在 FogWithDepthTexture.cs 的 脚 
这 样 就 不 需要 以 后 使 


本 面板 中 将 fogShader 参 数 的 默认 值 设 置 为 Chapter13-FogWithDepthTexture， 


时 每 次 都 手动 拖 暇 了 。 


到 摄像 机 的 


用 


本 记 介 绍 的 使 用 深度 纹理 重建 像素 的 世界 坐标 的 方法 是 非常 有 用 的 。 但 


的 实现 是 基于 摄像 机 的 投影 类 型 是 透视 投影 的 前 提 下 。 如 果 知 要 到 E 正 交 投影 的 忆 


需要 注意 的 是 ， 这 = 


标 ， 需 要 使 用 不 同 的 公式 ， 但 请 读者 相信 ， 这 个 过 程 不 会 上 


透视 投影 的 情况 更 力 


读者 可 以 尝试 自行 推导 ， 或 参考 这 篇 博客 (http://www.derschmale.com/2014/03/19/reconstructing- 
positions-from-the-depth-buffer-pt-2-perspective-and-orthographic-general-case/ ) 来 实现 。 


青 况 下 重建 世界 坐 
[复杂 。 有 兴趣 的 


13.4 ”再 谈 边缘 检测 


在 12.3 节 中 ， 我 们 曾 介绍 如 何 使 用 Sobel 算 子 对 屏幕 图 像 进行 边缘 检测 ， 实 现 描 边 的 效果 。 但 是 ， 这 种 
直接 利 颜色 信 刀 进 行 边 缘 检测 的 方法 会 产生 很 多 我 们 不 希望 得 到 的 边缘 线 ， 如 图 13.8 所 示 。 


可 以 看 出 ， 物 体 的 纹理 、 阴 影 等 位 置 也 被 描 上 黑 边 ， 而 这 往往 不 是 我 们 希望 看 到 的 。 在 本 节 中 ， 我 们 
秆 学 习 如 何在 深度 和 法 线 纹理 上 进行 边缘 检测 ， 这 些 图 像 不 会 受 纹理 和 光照 的 影响 ， 而 仅仅 保存 了 当前 泻 
染 物 体 的 模型 信息 ， 通 过 这 样 的 方式 检测 出 来 的 边缘 更 加 可 靠 。 在 学 习 完 本 节 后 ， 我 们 可 以 得 到 类 似 图 
13.9 中 的 效果 。 


A 图 13.8 左边 : 原 效 果 ， 右 边 ， 直接 对 颜色 图 像 进行 边缘 检测 的 结果 


A 图 13.9 在 深度 和 法 线 纹理 上 进行 更 健壮 的 边缘 检测 。 左 边 : 在 原 图 上 描 边 的 效果 。 右 边 : 只 显示 描 边 的 效果 


”与 12.3 节 使 用 Sobel 算 子 不 同 ， 本 市 将 使 用 Roberts 算 子 来 进行 边 毕 检 测 。 它 使 用 的 卷 积 核 如 图 13.10 所 
不 °。 


Roberts 


of jo) 


Le ep 


A 图 13.10 ”Roberts 算 子 


Roberts 算 子 的 本 质 就 是 计算 左上 角 和 右 下 角 的 差 值 ， 乘 以 右上 角 和 左下 角 的 差 值 ， 作 为 评估 边缘 的 依 
据 。 在 下 面 的 实现 中 ， 我 们 也 会 按 这 样 的 方式 ， 取 对 角 方 向 的 深度 或 法 线 值 ， 比 较 它 们 之 间 的 差 值 ， 如 果 


超过 某 个 阔 值 (可 由 参数 控制 ) ， 就 认为 它们 之 间 存 在 一 条 边 。 
先 ， 我 们 需要 进行 如 下 准备 工作 。 


各 二 


1) 新 建 一 


个 场景 。 


在 本 书 


AZ 


资源 


六 7 于 
， 该 场景 名 


最 像 机 和 


(2) 我 们 需 


tt 


个 平 


放置 了 两 个 立方 体 和 
! 的 Translating.cs 脚 本 拖 


为 Scene 13 4。 


“ 行 》 光 2 


使 用 了 内 置 的 


搭建 一 个 测试 雾 效 的 场景 。 
球体 ， 


个 


两 


它们 都 使 用 了 我 人 


在 Unity 5.2 


日 


空 盒子 。 在 Window -~ Lighting ~ Skybox 


， 默 认 情 况 下 场景 将 


去掉 场景 


堪 


在 本 书 资源 的 实现 
] 在 9. 


| 


5 节 吕 


乡 


也 


全 摄像 机 ， 


让 其 在 场景 中 不 


个 脚本 。 在 本 书 t 


个 Unity Shader。 姑 


来 编写 EdgeDetectNormalsAndDepth.cs 脚 了 


YRY 


， 该 膨 


贡 送 


1 


企 本 书 


加 


CY 


》 只 是 添加 J 


二 太太 


有 性。 为 了 完整 


性 


， 纪 


继承 12.1 


。 该 


， 我 1 
的 标 ; 


创建 


断 运 动 。 


名 为 EdgeDetectNormalsAndDepth.cs。 把 


] 构 建 了 一 个 包含 3 画 
材质 。 同 时 ， 我 们 把 


| 


的 房间 ， 


本 书 资源 


该 膨 


= 


F 拖 虑 到 摄 


， 该 Shader 名 为 Chapter13-EdgeDetectNormalAndDepth 。 


脚本 与 12.3 节 上 
我 们 再 


FP 实现 的 EdgeDetection.cs 脚 本 几 
次 说 明 对 该 脚本 进行 的 修改 。 


public class EdgeDetectNormalsAndDepth 


: PostEffectsBase { 


(2) 


声明 该 效果 需 


要 的 Shader， 


居 此 创建 相应 的 材质 : 


get { 


public Shader edgeDetectShader,; 
private Material edgeDetectMaterial = null; 
public Material material { 


edgeDetectMaterial = CheckShaderAndCreateMaterial(edgeDetectShader, edgeDetectMaterial); 
return edgeDetectMaterial; 


(3) 在 脚本 


提供 了 调整 边缘 线 强 


对 深度 和 光 


度 描 边 颜 


线 进行 边缘 检测 时 的 灵敏 度 参 数 : 


色 以 及 背景 闫 


色 的 参数 。 


同时 添加 了 控制 采 档 


距离 以 及 


[Range(0.0f， 
public float 


1.0f)] 


public Color 
public Color 
public float 
public float 


public float 


edgesonly 


edgeColor 


0.0f; 


Color .black; 
backgroundColor = Color .white; 
sampleDistance = 1.0f; 
sensitivityDepth = 1.0f， 


sensitivityNormals = 1.0f; 


SampleDistance 朋 


控 


制 对 深 


了 


被 认为 存在 一 


边 。 


边界 。 


如 时 


把 灵 


(4) 


于 本 例 


Ho 


要 获取 摄像 机 的 深度 + 法 线 纹理 ， 我 1 


敏 度 调 得 很 大 ， 


那么 可 能 


度 + 法 线 纹 理 采样 时 ， 使 
值 越 大 ， J . 。 sensitiviyDepth 和 sensitivityNormals 将 会 影响 当 人 了 域 的 深度 人 
使 是 深度 或 法 线 


的 采样 


距离 。 从 视觉 上 于 


发 


sampleDistance 


或 法 线 值 相 


多 少时 ， 会 


IE 


> 


民 小 


上 很 


门 在 


2 -一 
玫 


变化 也 会 形成 一 


| 


可 


的 OnEnable 函 数 


摄像 机 的 相应 状 


void OnEnable() { 
GetComponent<Camera>().depthTextureMode |= DepthTextureMode.DepthNormals; 


(5) 实现 OnRenderImage 函 数 ， 把 各 个 参数 传递 给 材质 : 


[ImageEffectOpaque] 
void OnRenderImage (RenderTexture src, RenderTexture dest) { 
If (material != null) { 

material.SetFloat("_EdgeOonly", edgesOnly); 
material,.SetColor("_EdgeColor", edgeColor); 
material.Setcolor("_ BackgroundColor", backgroundColor); 
material.SetFloat("_SampleDistance", sampleDistance); 
material,.SetVector("_ Sensitivity", new Vector4(sensitivityNormals, sensitivityDepth, 0.0f, 0.gf 


Graphics.Blit(src, dest, material); 
} else { 

Graphics.Blit(src, dest); 
} 


需要 注意 的 是 ， 这 里 我 们 为 OnRenderImage 函 数 添加 了 [ImageEffectOpaque] 属 性 。 我 们 曾 在 12.1 节 中 提 
到 过 该 属性 的 含义 。 在 默认 情况 下 ， OnRenderImage 画 数 会 在 所 有 的 不 透明 和 透明 的 Pass 执 行 完 毕 后 被 调 
让 ， 以 便 对 场景 中 所 有 游戏 对 象 都 产生 影响 。 但 有 时 ， 我 们 希望 在 不 透明 的 Pass 《 即 演 染 队列 小 于 等 于 2 
500 的 Pass， 内 置 的 Background、 Geometry 和 AlphaTest 泻 染 拉 队 列 均 在 此 范围 内 ) 执行 完毕 后 立即 调用 该 函 
数 ， 而 不 对 透明 物体 ( 泻 染 队列 为 Transparent 的 Pass) 产生 影响 ， 此 时 ， 我 们 可 以 在 OnRenderImage 画 数 衣 
添加 ImageEffectOpaque 属 性 来 实现 这 样 的 目的 。 在 本 例 中 ， 我 们 只 希望 对 不 透明 物体 进行 描 边 ， 而 不 希望 
透明 物体 也 被 描 边 ， 因 此 需要 添加 该 属性 。 


下 面 ， 我 们 来 实现 Shader 的 部 分 


Fo 


O 


打开 Chapter13-EdgeDetectNormalAndDepth， 进 行 如 下 修改 。 
(1) 我 们 首先 需要 声明 本 例 使 用 的 各 个 属性 : 


二 


Properties { 
_MainTex ("Base (RGB)", 2D) = "white" {} 
_EdgeOnly ("Edge Only", Float) = 1.0 
_EdgeColor ("Edge Color", Color) = (0, 0, 0, 1) 
_BackgroundColor ("Background Color", Color) = (1, 1, 1, 1) 
_SampleDistance ("Sample Distance", Float) = 1.0 
_Sensitivity ("Sensitivity", Vector) = (1, 1, 1, 1) 


+ 中，_Sensitivity 的 xy 分 量 分 别 对 应 了 法 线 和 深度 的 检测 灵敏 度 ，zw 分 量 则 没有 实际 用 途 。 


em 


(2) 在 本 节 中 ， 我 们 使 用 CGINCLUDE 来 组 织 代码 。 我 们 在 SubShader 块 中 禾 
ENDCG 语 义 来 定义 一 系列 代码 : 


一 


jCGINCLUDE 和 


SubShader { 
CGINCLUDE 


ENDCG 


(3) 为 了 在 代码 中 访问 各 个 属性 ， 我 们 需要 在 CG 代码 块 中 声明 对 应 的 变量 : 


sampler2D _MainTex; 

half4 _MainTex_TexelSize; 

fixed _Edgeonly; 

fixed4 _EdgeColor; 

fixed4 _BackgroundColor; 

float _SampleDistance; 

half4 _Sensitivity; 

sampler2D _CameraDepthNormalsTexture; 


在 上 面 的 代码 中 ， 我 们 声明 了 需要 获取 的 深度 + 法 线 纹理 _CameraDepthNormalsTexture。 由 于 我 们 需要 
对 邻 域 像素 进行 纹理 采样 ， 所 以 还 声明 了 存储 纹 素 大 小 的 变量 _ MainTex_TexelSize 。 


(4) 定义 顶点 着 1 


人 R 
I 
n 


struct v2f { 
float4 pos : SV_POSITION; 
half2 uv[5]: TEXCOORDO; 


}; 


v2f vert(appdata _ img v) { 
v2f 0o; 
0.pos = mul(UNITY_MATRIX_MVP, v.vertex); 


half2 uv = v.texcoord; 
oOo.uv[0] = uv; 


#if UNITY_UV_STARTS_AT_TOP 

if (_MainTex_TexelSize.y < 0) 
UV.y= 1 - uv.y; 

#endif 


.Uv[1] 
.Uv[2] 
.UV[3] 
.Uv[4] 


UV 
UV 
UV 
UV 


_MainTex_TexelSize.xy * half2(1,1) * _SampleDistance; 

_MainTex_TexelSize.xy * half2(-1,-1) * _SampleDistance; 
_MainTex_TexelSize.xy * half2(-1,1) * _SampleDistance; 
_MainTex_TexelSize.xy * half2(1,-1) * _SampleDistance; 


是 
下 
于 
十 


人 


return o; 


我 们 在 v2f 结 构 体 中 定义 了 一 个 维 数 为 5 的 纹理 坐标 数组 "这 个 数组 的 第 一 个 坐标 存储 了 屏幕 颜色 图 像 
的 采样 纹理 。 我 们 对 深度 纹理 的 采样 坐标 进行 了 平台 差异 化 处 理 ， 在 ， 方向 进行 了 翻 
转 。 数 组 中 剩余 的 4 个 坐标 则 存储 了 使 用 Roberts 算 子 时 需要 采 相 的 纹理 坐标 ， 我 们 还 使 用 
_SampleDistance 来 控制 采样 距离 。 通 过 把 计算 采样 纹理 坐标 的 代码 从 片 元 着 色 器 转移 到 顶点 着 色 器 尖 
pr 提高 性 能 。 由 于 从 顶点 着 色 器 到 片 元 着 色 器 的 插值 是 线性 的 ， 因 此 这 样 的 转移 并 不 会 影响 
纹理 举 小 J 结 Lo 


(5) 然后 ， 我 们 定义 了 片 元 着 色 器 : 


fixed4 fragRobertsCrossDepthAndNormal(v2f i) : SV_Target { 
half4 sample1 = tex2D(_CameraDepthNormalsTexture, i.uv[1]); 
half4 sample2 tex2D(_CameraDepthNormalsTexture, i.uv[2]); 
half4 sample3 tex2D(_CameraDepthNormalsTexture, i.uv[3]); 
half4 sample4 = tex2D(_CameraDepthNormalsTexture, i.uv[4]); 


half edge = 1.0; 


edge *= CheckSame(sample1, sample2); 
edge *= CheckSame(sample3, sample4); 


fixed4 withEdgeColor 
fixed4 onlyEdgeColor 


lerp(_EdgeColor, tex2D(_MainTex, i.uv[0]), edge); 
lerp(_EdgeColor, _BackgroundColor, edge); 


return lerp(withEdgeColor, onlyEdgeColor, _EdgeOnly); 


} 

我 们 首先 使 用 4 个 纹理 坐标 对 深度 + 法 线 纹理 进行 采样 ， 再 调 1 计算 对 角 线 上 两 
个 纹理 值 的 差 值 。CheckSame 画 数 的 返回 值 要 么 是 9， 要么 是 1， 返 回 0 时 表明 这 两 点 之 间 存 在 一 条 边界 ， 
反之 则 返回 1。 它 的 定义 如 下 : 
half CheckSame(half4 center, half4 sample) { 

half2 centerNormal = center.xy; 

float centerDepth = DecodeFloatRG(center .zw); 

half2 sampleNormal = sample.xy; 

float sampleDepth = DecodeFloatRG(sample.zw); 

// difference in normals 

// do not bother decoding normals - there's no need here 

half2 diffNormal = abs(centerNormal - sampleNormal) * _Sensitivity.x; 

int isSameNormal = (diffNormal.x + diffNormal.y) < 0.1; 

// difference in depth 

float diffDepth = abs(centerDepth - sampleDepth) * _Sensitivity.y; 

// scale the required threshold by the distance 

int isSameDepth = diffDepth < 0.1 * centerDepth,; 

// return: 

// 1 - if normals and depth are similar enough 

// 0 - otherwise 

return isSameNormal * isSameDepth ? 1.0 : 0.0; 

} 

CheckSame 首 先 对 输入 参数 进行 处 理 ， 得 到 两 个 采样 点 的 法 线 和 深度 值 。 值 得 注意 的 是 ， 这 里 我 们 并 
没有 解码 得 到 真正 的 法 线 值 ， 而 是 直接 使 用 了 xy 分 量 。 这 是 因为 我 们 只 需要 比较 两 个 采样 值 之 间 的 差异 
度 ， 而 并 不 需要 知道 它们 真正 的 法 线 值 。 然 后 ， 我 们 把 两 个 采样 点 的 对 应 值 相 减 并 取 绝 对 值 ， 再 乘 以 灵敏 
度 参数 ， 把 差异 值 的 每 个 分 量 相 加 再 和 一 个 出 值 比较 ， 如 末 它 们 的 和 小 于 阐 值 ， 则 返回 1， 说 明 差异 不 明 
显 ， 不 存在 一 条 边界 ;否则 返回 0。 最 后 ， 我 们 把 法 线 和 深度 的 检查 结果 相 乘 ， 作 为 组 合 后 的 返回 值 。 

当 通 过 CheckSame 函 数 得 到 边缘 信息 后 ， 片 元 着 色 器 就 利用 该 值 进 行 颜色 混合 ， 这 和 12.3 节 中 的 步骤 
一 致 。 

(6) 然后 ， 我 们 定义 了 边缘 检测 需要 使 用 的 Pass: 
Pass { 


ZTest Always Cull Off Zwrite Off 


CGPROGRAM 


#pragma vertex vert 
#pragma fragment fragRobertsCrossDepthAndNormal 


ENDCG 


(7) 最 后 ， 


我 们 关闭 了 该 Shader 的 Fallback: 


Fallback Off 


完成 后 返回 编辑 器 ， 并 把 Chapter13-EdgeDetectNormalAndDepth 拖 忠 到 摄像 机 的 EdgeDetect 


NormalsAndDepth.cs 脚 本 


| 


当然 


JAY 


的 edgeDetectShader 参 数 中 。 我 们 可 以 在 EdgeDetectNormals AndDepth.cs 


的 脚本 面板 将 edgeDetectShader 参 数 的 默认 值 设置 为 Chapter13-EdgeDetectNormal AndDepth， 这 样 就 不 需 
要 以 后 使 用 时 每 次 都 手动 拖 忠 了 。 


本 节 实 现 的 描 边 效果 是 基于 整个 屏幕 空间 进行 的 ， 也 就 是 说 ， 场 景 内 的 所 有 物体 都 会 被 添加 描 边 效 
果 。 但 有 时 ， 我 们 希望 只 对 特定 的 物体 进行 描 边 ， 例 如 当 玩 家 选中 场景 中 的 某 个 物体 后 ， 我 们 想 要 在 该 物 
体 周 围 添 加 一 层 描 边 效果 。 这 时 ， 我 们 可 以 使 用 Unity 提 供 的 Graphics.DrawMesh 或 Graphics.DrawMeshNow 
男 数 把 需要 描 边 的 物体 再 次 泻 染 一 人 裔 “(在 所 有 不 透明 物体 泻 染 完毕 之 后 ) ， 然 后 再 使 用 本 节 提 到 的 边缘 检 
测算 法 计算 深度 或 法 线 纹理 中 每 个 像素 的 梯度 值 ， 判 断 它们 是 否 小 了 某 个 阔 值 ， 如 果 是 ， 就 在 Shader 中 使 
clip0 范 数 将 该 像素 剔除 掉 ， 从 而 显示 出 原来 的 物 本 颜色 。 


13.5 ”扩展 阅读 


在 本 章 中 ， 我 们 介绍 了 如 何 使 用 深度 和 法 线 纹理 实现 诸如 全 局 筋 
效 、 边 缘 检 测 等 效果 。 尽 管 我 们 只 使 用 了 深度 和 法 线 纹理 ， 但 实际 上 
我 们 可 以 在 Unity 中 创建 任何 需要 的 缓存 纹理 。 这 可 以 通过 使 用 Unity 
的 着 色 器 蔡 换 (Shader Replacement) 功能 ( 即 调用 
Camera.RenderWithShader(shader replacementTag) 函 数 ) 把 整个 场景 
次 瘟 染 一 志 来 得 到 ， 而 在 很 多 时 候 ， 这 实际 也 是 Unity 创 建 深 度 和 法 线 
纹理 时 使 用 的 方法 。 


深度 和 法 线 纹理 在 屏幕 特效 的 实现 中 往往 扮演 了 重要 的 角色 。 许 
多 特殊 的 屏幕 效果 都 需要 依靠 这 两 种 纹理 的 帮助 。Unity 曾 在 2011 年 的 
SIGGRAPH (计算 机 图 形 学 的 顶级 会 议 ， 上 做 了 一 个 关于 使 用 深度 纹 
理 实现 各 种 特效 的 演讲 (http://blogs.unity3d.com/2011/09/08/special- 
effects-with- depth-talk-at-siggraph/ ) 。 在 这 个 演讲 中 ，Unity 的 工作 人 
员 解 释 了 如 何 利用 深度 纹理 来 实现 特定 物体 的 措 边 、 角 色 护 盾 、 相 交 
线 的 高 光 模 拟 等 效果 。 在 Unity 的 Image Effect (http://docs.unity3d.com/ 
Manual/comp-ImageEffects.html ) 包 中 ， 读 者 也 可 以 找到 一 些 传统 的 使 
用 深度 纹理 实现 屏幕 特效 的 例子 ， 例 如 屏幕 空间 的 环境 遮挡 (Screen 
Space Ambient Occlusion，SSAO) 等 效果 。 


第 14 章 ” 非 真 实感 泻 染 


尽管 游戏 泻 染 一 般 都 是 以 照相 写实 主义 (photorealism) 作为 主 
要 目标 ， 但 也 有 许多 游戏 使 用 了 非 真 实感 泻 染 (Non-Photorealistic 
Rendering，NPR) 的 方法 来 泻 染 游戏 画面 。 非 真实 感 泻 染 的 一 个 主 
要 目标 是 ， 使 用 一 些 渲染 方法 使 得 画面 达到 和 某 些 特殊 的 绘画 风格 相 
似 的 效果 ， 例 如 卡通 、 水 彩 风 格 等 。 


在 本 章 中 ， 我 们 将 会 介绍 两 种 第 见 的 非 真实 感 泻 染 方法 。 在 14.1 
节 中 ， 我 们 将 会 学 习 如 何 实现 一 个 包含 了 简单 漫 反 射 、 高 光 和 摘 边 的 
卡通 风格 的 浑 染 效 末 。14.2 节 将 会 介绍 一 种 实时 素描 效 采 的 实现 。 在 
本 章 最 后 ， 我 们 还 会 给 出 一 些 关 于 非 真 实感 渲染 的 资料 ， 读 者 可 以 在 
这 些 文 献 中 找到 更 多 非 真实 感 泻 染 的 实现 方法 。 


14.1 ”卡通 风格 的 演 染 


卡通 风格 是 游戏 中 常见 的 一 种 泻 染 风格 。 使 用 这 种 风格 的 游戏 画面 通常 有 一 些 共 有 的 特 
点 ， 例 如 物体 都 被 黑色 的 线条 描 边 ， 以 及 分 明 的 明暗 变化 等 。 由 日 本 卡 普 空 (英文 名 : 
Capcom) 株式 会 社 开发 的 游戏 《大 神 》 (英文 名 Okami) 就 使 用 了 水 墨 + 卡通 风格 来 泻 染 整 
个 画面 ， 如 图 14.1 所 示 ， 这 种 泻 染 风格 获得 了 广泛 赞誉 。 


要 实现 卡通 泻 染 有 很 多 方法 ， 其 中 之 一 就 是 使 用 基于 色调 的 着 色 技 术 (tone-based 
shading) 。Gooch 等 人 在 他 们 1998 年 的 一 篇 论文 中 中 提出 并 实现 了 基于 色调 的 光照 模型 。 在 
实现 中 ， 我 们 往往 会 使 用 漫 反射 系数 对 一 张 一 维 纹理 进行 采样 ， 以 控制 漫 反射 的 色调 。 我 们 
曾 在 7.3 节 使 用 渐变 纹理 实现 过 这 样 的 效果 。 卡 通风 格 的 高 光 效 果 也 和 我 们 之 前 学 习 的 光照 不 
同 。 在 卡通 风格 中 ， 模 型 的 高 光 往 往 是 一 块 块 分 界 明显 的 纯色 区 域 。 

除了 光照 模型 不 同 外 ， 卡 通风 格 通常 还 需要 在 物体 边缘 部 分 绘制 轮廓 。 在 之 前 的 章节 
中 ， 我 们 兽 介 绍 使 用 屏幕 后 处 理 技 术 对 屏幕 图 像 进行 描 边 。 在 本 节 ， 我 们 将 会 介绍 基于 模型 
的 描 边 方法 ， 这 种 方法 的 实现 更 加 简单 ， 而 且 在 很 多 情况 下 也 能 得 到 不 错 的 效果 。 


在 本 市 结束 后 ， 我 们 将 会 实现 类 似 图 14.2 的 效果 。 


A 图 14.1 游戏 《大 神 》 (英文 名 : Okami) 的 游戏 截图 


A 图 14.2 卡通 风格 的 渲染 效果 


14.1.1 演 染 轮廓 线 


在 实时 渲染 中 ， 轮 亡 线 的 泻 染 是 应 用 非常 广泛 的 一 种 效果 。 近 20 年 来 ， 有 许多 绘制 模型 
et 在 《Real Time Rendering, third edition》 一 书 中 ， 作 者 把 这 些 方 
去 分 成 了 5 种 类 型 。 


。 基于 观察 角度 和 表面 法 线 的 轮廓 线 泻 灌 。 这 种 方法 使 用 视角 方向 和 表面 法 线 的 点 乘 结 果 
来 得 到 轮廓 线 的 信息 。 这 种 方法 简单 快速 ， 可 以 在 一 个 Pass 中 就 得 到 泻 染 结果 ， 但 局 限 性 
很 大， 很 多 模型 泻 染 出 来 的 摘 边 效果 都 不 尽 如 人 意 。 
过 程式 几何 轮廓 线 泻 染 。 这 种 方法 的 核心 是 使 用 两 个 Pass 演 染 。 第 一 个 Pass 泻 染 背 面 的 面 
片 ， 并 使 用 某 些 技 术 让 它 的 轮廓 可 见 ， 第 二 个 Pass 再 正常 泻 染 正面 的 面 片 。 这 种 方法 的 优 
点 在 于 快速 有 效 ， 并 且 适 用 于 绝 大 多 数 表面 平滑 的 模型 ， 但 它 的 缺点 是 不 适合 类 似 于 立 


。 基 于 图 像 处 理 的 轮廓 线 泻 染 。 我 们 在 第 12、13 章 介绍 的 边缘 检测 的 方法 就 属于 这 个 类 
别 。 这 种 方法 的 优点 在 于 ， 可 以 适用 于 任何 种 类 的 模型 。 但 它 也 有 自身 的 局 限 所 在 ， 一 
ee 例如 桌子 上 的 纸张 。 
基于 轮廓 边 检 测 的 轮廓 线 泻 染 。 上 面 提 到 的 各 种 方法 ， 一 个 最 大 的 问题 是 ， 无 法 控制 轮 
廊 线 的 风格 泻 染 。 对 于 一 些 情况 ， 我 们 希望 可 以 入 染 出 独特 风 稿 的 轮 亡 线 例如 水 墨 风 
格 等 。 为 此 ， 我 们 希望 可 以 检测 出 精确 的 轮廓 边 ， 然 后 直接 泻 染 它们 。 检 测 一 条 边 是 否 
是 轮廓 边 的 公式 很 简单 ， 我 们 只 需要 检查 和 这 条 边 相 邻 的 两 个 三 角 面 片 是 否 满足 以 下 条 


件 


(no'v>0) xni:v>0) 


中 ，no 和 n 1 分 别 表示 两 个 相 邻 三 角 面 片 的 法 向 ，v 是 从 视角 到 该 边 上 任意 顶点 的 方 
同 。 上 述 公 式 的 本 质 在 于 检查 两 个 相 邻 的 三 角 面 片 是 否 一 个 朝 正面 、 一 个 朝 背 面 。 我 们 可 以 
在 几何 着 色 器 (Geometry Shader 的 帮助 下 实现 上 面 的 检测 过 程 。 当 然 ， 这 种 方法 也 有 缺 
点 ， 除 了 实现 相对 复杂 外 ， 它 还 会 有 动画 连贯 性 的 问题 。 也 就 是 说 ， 由 于 是 逐 帧 单独 提取 轮 
廓 所 以 在 帧 与 帧 之 间 会 出 现 跳跃 性 。 


。 最 后 一 个 种 类 就 是 混合 了 上 述 的 几 种 泻 染 方 法 。 例 如 ， 首 先 找到 精确 的 轮廓 边 ， 把 模型 
0 到 纹理 中 ， 再 使 用 图 像 处 理 的 方法 识别 出 轮廓 线 ， 并 在 图 像 空 间 下 进行 风 
七 泻 > o 


在 本 节 中 ， 我 们 将 会 在 Unity 中 使 用 过 程式 几何 轮廓 线 泻 染 的 方法 来 对 模型 进行 轮 亡 描 

边 。 我 们 将 使 用 两 个 Pass 演 > 染 模 型 ， 在 第 一 个 Pass 中 ， 我 们 会 使 用 轮 廊 线 颜 色 泻 染 整 个 背面 的 
1 1 视角 空间 下 把 模型 顶点 沿 着 法 线 方向 向 外 扩张 一 段 距离 ， 以 此 来 让 背部 轮廓 线 可 
见 。 人 代码 如 下 : 


ViewPos = ViewPos + ViewNormal * _Outline; 


但 是 ， 如 果 对 于 一 些 内 目的 模型 ， 就 可 能 发 生 背 面 面 片 庶 
当 况 。 为 了 尽 可 能 防止 出 现 这 样 的 情况 ， 在 扩张 背面 顶点 之 前 ， 我 们 首先 对 顶 
点 法 线 的 2 分 量 进行 处 理 ， 使 它们 等 于 一 个 定 值 然后 把 法 线 归 一 化 后 再 对 顶点 进行 扩张 。 这 
样 的 好 处 在 于 ， 扩 展 后 的 背面 更 加 扁平 化 ， 从 而 降低 了 氮 挡 正面 面 片 的 可 能 性 。 代 码 如 下 : 
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ViewNormal = normalize(viewNormal); 


viewNormal.z = -0.5; | 


ViewPos = ViewPos + ViewNormal * _Outline; 


14.1.2 ”添加 高 光 


前 面 提 到 过 ， 卡 通风 格 中 的 高 光 往 往 是 模型 上 一 块 块 分 界 明显 的 纯色 区 域 。 为 了 实现 这 
种 效果 我 们 就 不 能 再 使 用 之 前 学 习 的 光照 模型 。 回 顾 一 下 ， 在 之 前 实现 Blinn-Phong 模 型 的 
过 程 中 ， 我 们 使 用 法 线 点 乘 光 照 方向 以 及 视角 方向 和 的 一 半 ， 再 和 男 一 个 参数 进行 指数 操作 
得 到 高 光 反 射 系数 。 代 码 如 下 : 


吕 


float spec = pow(max(0, dot(normal, halfDir)), _Gloss) 


对 于 卡通 泻 染 需要 的 高 光 反 射 光照 模型 ， 我 们 同样 需要 计算 normal 和 halfDir 的 点 乘 结 果 ， 
I i 仆 立 值 进行 比较 ， 如 果 小 于 该 赋值 ， 则 高 光 反 射 系数 为 0， 否 则 
返回 1。 


float spec = dot(worldNormal, worldHalfDir); 
spec = step(threshold, spec); 


在 上 面 的 代码 中 ， 我 们 使 用 CG 的 step 画 数 来 实现 和 彰 值 比较 的 目的 。step 画 数 接受 两 个 


参数 ， 第 一 个 参数 是 参考 值 ， 第 二 个 参数 是 待 比较 的 数值 。 如 果 第 二 个 参数 大 于 等 于 第 一 个 
参数 ， 则 返回 1， 否 则 返回 0 。 


但 是 ， 这 种 粗暴 的 判断 方法 会 在 高 光 区 域 的 边界 造成 锯 资 ， 如 图 14.3 左 图 所 示 。 出 现 这 种 
问题 的 原因 在 于 ， 高 光 区 域 的 边缘 不 是 平 请 渐变 的 ， 而 是 由 0 突变 到 1。 要 想 对 其 进行 抗 饥 齿 
处 理 ， 我 们 可 以 在 边界 处 很 小 的 一 块 区 域内 ， 进 行 平 请 处 理 。 代 码 如 下 ;: 


一 


Xl 


float spec = dot(worldNormal, worldHalfDir); 
spec = lerp(90, 1, smoothstep(-w, w, spec - threshold)); 


在 上 面 的 代码 中 ， 我 们 没有 像 之 前 一 样 直接 使 用 step 范 数 返 回 0 或 1， 而 是 首先 使 用 了 CG 
的 smoothstep 函数 。 其 中 ，w 是 一 个 很 小 的 值 ， 当 spec - threshold 小 于 -w 时 ， 返 回 0， 大 于 w 
上 时， 返回 1， 否 则 在 0 到 1 之 间 进 行 插值 。 这 样 的 效果 是 ， 我 们 可 以 在 [-w ,w ] 区 间 内 ， 即 高 光 
区 域 的 边界 处 ， 得 到 一 个 从 0 到 1 平滑 变化 的 spec 值 ， 从 而 实现 抗 锯 芮 的 目的 。 尽 管 我 们 可 以 把 
w 设 为 一 个 很 小 的 定 值 ， 但 在 本 例 中 ， 我 们 选择 使 用 邻 域 像素 之 间 的 近似 导数 值 ， 这 可 以 通 
过 CG 的 fwidth 画 数 来 得 到 。 


\ 
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| 
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A 图 14.3 左边 :未 对 高 光 区 域 进行 抗 锯 芮 处 理 ， 右 边 :使 用 fwidth 孙 数 对 高 光 区 域 进行 抗 锯 芮 处 理 


当然 ， 卡 通 演 染 中 的 高 光 往 往 有 更 多 个 性 化 的 需要 。 例 如 ， 很 多 卡通 高 光 特 效 希望 可 以 
随意 伸缩 、 方 块 化 光照 区 域 。Anjyo 等 人 在 他 们 2003 年 的 一 篇 论文 四 中 给 出 了 一 种 风格 化 的 卡 
通 高 光 的 实现 。 读 者 也 可 以 在 这 篇 非 真 实感 浑 染 的 博文 

(http://blog.csdn.net/candycat1992/article/details/47284289 ) 中 找到 这 种 方法 在 Unity 中 的 实 
现 。 


14.1.3 ”实现 


我 们 现在 已 经 有 了 理论 基础 ， 是 时 候 在 Unity 中 验证 我 们 的 结果 了 “。 为 此 ， 我 们 需要 进行 
如 下 准备 工作 。 


(1) 在 Unity 中 新 建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 Scene_14_1。 在 Unity 5.2 中 ， 
默认 情况 下 场景 将 包含 一 个 摄像 机 和 一 个 平行 光 ， 并 且 使 用 了 内 置 的 天 空 盒子 。 在 Window 一 
Lighting 一 Skybox 中 去 掉 场 景 中 的 天 空 盒子 。 

(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 ToonShadingMat 。 


(3) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Unity Shader 名 为 Chapter14- 
ToonShading。 把 新 的 Unity Shader 赋 给 第 2 步 中 创建 的 材质 。 


(4) 在 场景 中 拖 忠 一 个 Suzanne 模 型 ， 并 把 第 2 步 中 的 材质 赋 给 该 模型 。 
(5) 保存 场景 。 

打开 Chapter14-ToonShading， 关 键 修 改 如 下 。 
(1) 首先 ， 我 们 需要 声明 本 例 使 用 各 个 属性 : 


Properties { 
_Color ("Color Tint", Color) = (1, 1, 1, 1) 
_MainTex ("Main Tex", 2D) = "white" {} 
_Ramp ("Ramp Texture", 2D) = "white" {} 
_Outiline ("Outline", Range(0, 1)) = 0.1 


_OutlineColor ("Outline Color", Color) = (0, 0, 0, 1) 
_Specular ("Specular", Color) = (1, 1, 1, 1) 
_SpecularScale ("Specular Scale", Range(0, 0.1)) = 0.01 


让 中 ，_Ramp 是 用 于 控制 漫 反 射 色 调 的 渐变 纹理 ，_Outline 用 于 控制 轮廓 线 宽 度 
_OutlineColor 对 应 了 轮 请 线 颜 色 ，_Specular 是 高 光 反 射 颜色 ，_SpecularScale 用 于 控制 计算 高 
光 反 射 时 使 用 的 冰 值 。 


(2) 定义 泻 染 轮廓 线 需 要 的 Pass。 前 面 提 到 过 ， 这 个 Pass 只 演 染 背面 的 三 角 面 片 ， 因 
此 ， 我 们 需要 设置 正确 的 泻 染 状态 : 


Pass { 
NAME "OUTLINE" 


Cull Front 


我 们 使 用 Cull 指 令 把 正面 的 三 角 面 片 吻 除 ， 而 只 泻 染 背面 。 值 得 注意 的 是 ， 我 们 还 使 用 
NAME 命 令 为 该 Pass 定 义 了 名 称 。 这 是 因为 ， 描 边 在 非 真实 感 泻 染 中 是 非常 常见 的 效果 ， 为 该 
Pass 定 义 名 称 可 以 让 我 们 在 后 面 的 使 用 中 不 需要 再 重复 编写 此 Pass， 而 只 需要 调用 它 的 名 字 即 
可 Lo 


(3) 定义 描 边 需要 的 顶点 着 色 器 和 片 元 着 色 器 


v2f vert (a2v v) { 
v2f 0o; 


float4 pos = mul(UNITY_MATRIX_MV, Vv.vertex); 

float3 normal = mul((float3x3)UNITY_MATRIX_IT_MV, Vv.normal); 
normal.z = -0.5; 

pos = pos + float4(normalize(normal), 0) * _Outline; 

0.pos = mul(UNITY_MATRIX_P, pos); 


return o; 


} 


float4 frag(v2f i) : SV_Target { 
return float4(_OutlineColor.rgb, 1); 


} 


如 14.1.13 所 讲 ， 在 顶点 着 色 器 中 我 们 首先 把 项 所 和 法 线 变 换 到 视角 空间 下 ， 这 十 为 了 让 
描 边 可 以 在 观察 空间 达到 最 好 的 效果 。 随 后 ， 我 们 设置 法 线 的 z 分 量 ， + 归 一 化 后 再 将 顶点 
沿 其 方向 扩张 ， 得 到 扩张 后 的 顶点 坐标 。 对 法 线 的 处 理 是 为 了 尽 可 能 避免 背面 扩张 后 的 顶点 
挡住 正面 的 面 片 。 最 后 ， 我 们 把 顶点 从 视角 空间 变换 到 裁剪 空间 


片 元 着 色 器 的 代码 非常 简单 ， 我 们 只 需要 用 轮廓 线 颜 色 泻 染 整个 背面 即 可 。 


(4) 然后 ， 我 们 需要 定义 光照 模型 所 在 的 Pass， 以 渲染 模型 的 正面 。 由 于 光照 模型 需 3 
使 用 Unity 提 供 的 光照 等 信息 ， 我 们 需要 为 Pass 进 行 相应 的 设置 ， 并 添加 相应 的 编译 指令 : 


吕 


Pass { 
Tags { "LightMode"="ForwardBase" } 


Cull Back 
CGPROGRAM 


#pragma vertex vert 
#pragma fragment frag 


#pragma multi compile_fwdbase 


译 指令 


这 些 都 是 为 了 让 Shader 中 的 光照 变量 可 以 被 正确 赋值 。 
(5) 随后 ， 我 们 定义 了 顶点 着 色 器 : 


在 上 面 的 代码 中 ， 我 们 将 LightMode 设 置 为 ForwardBase， 并 |] 


吏 用 四 ragma 语 句 设置 了 编 


struct v2f { 
float4 pos : POSITION; 
float2 uv : TEXCOORDO; 
float3 worldNormal : TEXCOORD1， 
float3 worldPos : TEXCOORD2; 
SHADOW_COORDS (3) 


}; 

v2f vert (a2v v) { 
v2f 0o; 
0.pos = mul( UNITY_MATRIX_MVP, v.vertex); 
O.UV = TRANSFORM_TEX (Vv.texcoord, _MainTex); 
oOo.worldNormal = mul(v.normal, (float3x3) World20bject); 
oOo.worldPos = mul(_Object2World, v.vertex).xyz; 
TRANSFER_SHADOW(o ) 
return o; 

} 


在 上 


现 原 理 可 以 参见 9.4 节 。 


(6) 片 元 着 色 器 中 包含 了 计算 光照 模型 的 关键 代码 : 


的 代码 中 ， 我 们 计算 了 世界 空间 下 的 法 线 方向 和 顶点 位 置 ， 并 使 
置 宏 SHADOW_COORDS 和 TRANSFER_SHADOW 来 计算 阴影 所 需 的 各 个 变量 。 这 些 宏 的 实 


Unity 提 供 的 内 


float4 frag(v2f i) : SV_Target { 
fixed3 worldNormal = normalize(i.worldNormal); 
fixed3 worldLightDir = 
fixed3 worldViewDir = 
fixed3 worldHalfDir = 
fixed4 
fixed3 


C = tex2D (_MainTex, i.uv); 
albedo = c.rgb * _Color.rgb; 
ambient = 


fixed3 UNITY_LIGHTMODEL_AMBIENT.xyz * albedo， 


normalize(UnityworldSpaceLightDir(i.worldPos)); 
normalize(UnityworldSpaceViewDir(i.worldPos)); 
normalize(worldLightDir + worldViewDir); 


UNITY_LIGHT_ATTENUATION(atten, i, i.worldPos); 


fixed diff = dot(worldNormal, worldLightDir); 
diff = (diff * 0.5 + 0.5) * atten,; 


fixed3 diffuse = _LightColorO.rgb * albedo * tex2D(_Ramp, float2(diff, diff)).rgb; 

fixed spec = dot(worldNormal, worldHalfDir); 

fixed w = fwidth(spec) * 2.0; 

fixed3 specular = _Specular.rgb * lerp(90, 1, smoothstep(-w, w, spec + _SpecularScale 
1)) * step(0.0001, _SpecularScale); 


return fixed4(ambient + diffuse + specular, 1.0); 


首先 ， 我 们 计算 了 光照 模型 中 需要 的 各 个 方向 矢量 ， 并 对 它们 进行 了 归 一 化 处 理 。 然 
后 ， 我 们 计算 了 材质 的 反射 率 albedo 和 环境 光照 ambient。 接 着 ， 我 们 使 用 内 置 的 
UNITY_LIGHT_ ATTENUATION 宏 来 计算 当前 世界 坐标 下 的 阴影 值 。 随 后 ， 我 们 计算 了 半 兰 
伯 特 漫 反 射 系数 ， 并 和 阴影 值 相 乘 得 到 最 终 的 漫 反 射 系数 。 我 们 使 用 这 个 漫 反 射 系 数 对 渐变 
纹理 _Ramp 进 行 采 样 ， 并 将 结果 和 材质 的 反射 率 、 光 照 颜色 相 乘 ， 作 为 最 后 的 漫 反射 光照 。 
高 光 反 射 的 计算 和 14.1.2 节 中 介绍 的 方法 一 致 ， 我 们 使 用 fwidth 对 高 光 区 域 的 边界 进行 抗 锯齿 
处 理 ， 并 将 计算 而 得 的 高 光 反 射 系数 和 高 光 反 射 颜色 相 乘 ， 得 到 高 光 反 射 的 光照 部 分 。 值 得 
注意 的 是 ， 我 们 在 最 后 还 使 用 了 step(0.000 1, _SpecularScale)， 这 是 为 了 在 _SpecularScale 为 0 
时 ， 可以 完全 消除 高 光 反 贡 的 光照 。 最 后 返回 环境 光照 、 漫 反射 光照 和 高 光 反 射 光照 到 加 
9 结果 。 


(7) 最 后 ， 我 们 为 Shader 设 置 了 合适 的 Fallback: 


Fallback "Diffuse" 


这 对 产生 正确 的 阴影 投射 效果 很 重要 〈 详 见 9.4 节 ) 。 


本 节 实 现 的 卡通 泻 染 光照 模型 是 一 种 非常 简单 的 实现 。 在 商业 项 目 中 ， 我 们 往往 需要 设 
计 和 实现 更 复杂 的 光照 模型 ， 以 得 到 出 色 的 卡通 效果 。 一 个 很 好 的 例子 是 游戏 《军团 要 塞 2》 
(英文 名 : Team Fortress 2) 的 泻 染 效果 。Valve 公 司 在 2007 年 发 表 了 一 篇 著名 的 文章 B] ， 解 释 
了 他 们 在 实现 该 游戏 时 使 用 的 相关 技术 。 


ee 


14.2 素描 风格 的 泻 染 


另 一 个 非常 流行 的 非 真 实感 泻 
上 发 表 了 一 篇 非常 著名 的 论文 由 。 在 这 入 
个 色调 艺术 映射 Cr TAM) ， 如 图 14.4 所 示 。 在 图 14.4 中 ， 从 左 


泻 染 ， 这 些 纹理 组 成 了 


到 右 纹 理 中 的 笔触 逐渐 增 
纹理 (mipmaps) 。 这 些 级 


人 演 染 。 微 软 研究 院 的 Praun 等 人 在 2001 年 的 SIGGRAPH 


EL 
演 则 


他 们 使 用 了 提前 生成 的 素描 纹理 来 实现 实时 的 素描 风格 


还 纹理 


7 
,时 


光照 下 的 漫 反射 效果 ， 从 上 到 下 则 对 应 了 每 张 纹理 的 多 级 渐 远 


之 间 的 间隔 ， 以 便 更 真 3 


生成 并 不 是 简单 的 对 上 一 层 纹理 进行 降 采 样 ， 而 是 需要 保持 笔触 


一 个 TAM 的 例子 (来 源 ，Praun E, et al. Real-time hatching[4] ) 


本 节 将 会 实现 简化 版 的 论文 
理 进行 泻 染 。 在 泻 染 阶段 ， 


2 


提出 的 算法 ， 我 们 不 考虑 多 级 渐 远 纹理 的 生成 ， 而 直接 使 用 6 张 素 描 纹 
先 在 顶点 着 色 阶 段 计 算 逐 顶点 的 光照 ， 根 据 光照 结果 来 决定 6 张 纹理 的 


为 此 ， 我 们 需要 进行 如 下 准 


(1) 在 Unity 中 新 
场景 将 包含 二 个 摄像 机 
掉 场 景 中 的 天 空 盒 


(2) 新 建 一 个 材质 。 在 本 书 资 


(3) 新 建 一 个 Unity Shader 。 
Shader 赋 给 第 2 步 中 创建 的 材质 。 


14.5 的 效果 。 


混合 权重 ， 并 传递 给 片 元 着 色 器 。 然 后 ， 在 片 元 着 色 器 中 根据 这 些 权重 来 混合 6 张 纹理 的 采样 结果 。 在 学 
习 完 本 世 后 ， 我 们 会 得 到 类 似 民 


A 图 14.5 素描 风格 的 泻 染 效果 


工作 。 


资源 中 ， 该 场景 名 为 Scene_14_2。 在 Unity 5.2 中 ， 默 认 情 况 下 


且 使 用 了 内 置 的 天 空 盒 子 。 在 Window -> Lighting -> Skybox 中 去 


(4) 在 场景 中 拖 吕 


建 一 个 场景 。 在 本 
了 光 ， 
禹 源 中 ， 该 材质 名 为 HatchingMat 。 
在 本 书 资 


3 资源 中 ， 该 Unity Shader 名 为 Chapter14-Hatching。 把 新 的 Unity 


个 TeddyBear 模 型 ， 并 把 第 2 步 中 的 材质 赋 给 该 模型 。 为 了 得 到 更 好 的 效果 ， 我 


们 还 把 一 张 纸 张 图 像 拖 ! 


' 作 为 背景 。 


(5) 保存 场景 。 


打开 Chapter14-Hatching， 


进行 如 下 关键 修改 。 


(1) 首先 ， 声 明 深 染 所 需 


的 各 个 属性 : 


Properties { 


_Color ("Color Tint", Color) = (1, 1, 1, 1) 
_TileFactor ("Tile Factor", Float) = 1 
_Outline ("Outline", Range(0, 1)) = 0.1 


_Hatcho ("Hatch 0", 2D) = "white" {} 
_Hatch1 ("Hatch 1", 2D) = "white" {} 
_Hatch2 ("Hatch 2", 2D) = "white" {} 
_Hatch3 ("Hatch 3", 2D) = "white" {} 
_Hatch4 ("Hatch 4", 2D) = "white" {} 
_Hatch5 ("Hatch 5", 2D) = "white" {} 

了 
1，_Color 是 用 于 控制 相 


的 6 张 素 描 纹理 ， 它 们 的 线条 密 


(2) 由 于 素描 风格 往往 也 需要 在 物体 周围 泻 染 轮廓 线 ， 因 此 我 们 直接 使 用 14.1 市 中 泻 染 轮 万 线 的 


Pass: 


型 颜色 的 属性 。_TileFactor 是 纹理 的 平 铺 系 数 ，_TileFactor 越 大 ， 模 型 上 自 
素描 线条 找 密 ， 在 实现 图 14. 程 中 TileFactor 设 置 为 8。_Hatch0 至 _Hatch5 对 应 了 演 染 时 使 


ET 


rm 


SubShader { 


Tags { "RenderType"="Opaque" "Queue"="Geometry"} 


UsePass "Unity Shaders Book/Chapter 14/Toon Shading/OUTLINE" 


我 们 使 用 UsePass 命 令 调 


了 14.1 节 中 实现 的 轮廓 线 泻 


淋 的 Pass，Unity Shaders Book/Chapter 14/Toon 


Shading 对 应 了 14.1 节 中 Chapter14-ToonShading 文 件 里 Shader 的 名 字 ， 而 Unity 内 部 会 把 Pass 的 名 称 全 部 转 成 


大 写 格式 ， 所 以 我 们 需要 在 UsePass 中 使 用 大 写 格式 的 Pass 名 称 。 


(3) 下 面 ， 我 们 需 要 定义 光照 模型 所 在 的 Pass "为 了 能 够 正确 获取 各 个 光照 变量 ， 我 们 设置 了 Pass 的 


标签 和 相关 的 编译 指令 


Pass { 


CGPROGRAM 


#pragma vertex vert 
#pragma fragment frag 


Tags { "LightMode"="ForwardBase" } 


#pragma multi_compile_fwdbase 


(4) 由 于 我 们 需要 在 顶点 


的 变量 : 


着 色 器 中 计算 6 张 纹理 的 混合 权重 ， 我 们 首先 需要 在 v2f 结 构 体 中 添加 相应 


struct v2f { 
float4 pos : SV_POSITION; 
float2 uv : TEXCOORDO; 


fixed3 hatchweights© : TEXCOORD1; 
fixed3 hatchweights1 : TEXCOORD2; 
float3 worldPos : TEXCOORD3,; 


SHADOW_COORDS(4) 
】 


wl 


于 一 共 声 明了 6 张 纹 理 ， 这 意味 着 需 对 要 6 个 混合 权重 ， 我 们 把 它们 存储 在 两 个 fixed3 类 型 的 变 
(hatchWeights0 和 hatchWeights1) 中 。 为 了 添加 阴影 效果 ， 我 们 还 声明 了 worldPos 变 量 ， 并 使 用 
SHADOW_COORDS 宏 声明 了 明 影 纹理 的 采 < 样 坐标 。 


(5) 然后 ， 我 们 定义 了 关键 的 顶点 着 色 器 : 


v2f vert(a2v v) { 
v2f 0)， 


0.pos = mul(UNITY_MATRIX_MVP, v.vertex); 

O.UV = V.texcoord.xy * _TileFactor,; 

fixed3 worldLightDir = normalize(WorldSpaceLightDir(v.vertex)); 
fixed3 worldNormal = UnityObjectToworldNormal(v.normal); 

fixed diff = max(0, dot(worldLightDir, worldNormal)); 


o.hatchweights0 
o.hatchweights1 


fixed3(0, 0, 0); 
fixed3(0, 0, 0); 


float hatchFactor = diff * 7.0; 


If (hatchFactor > 6.0) { 

// Pure white, do nothing 

} else if (hatchFactor > 5.0) { 
o.hatchweights0.x = hatchFactor - 5.0; 

} else if (hatchFactor > 4.0) { 
o.hatchweights0.x hatchFactor - 4.0; 
o.hatchweights0.y 1.0 - o.hatchweightsO.x; 

} else if (hatchFactor > 3.0) { 
o,hatchweightso.y = hatchFactor - 3.0; 
o.hatchweights0.z = 1.0 - 0， hatchweightse.y; 

} else if (hatchFactor > 2.0) { 
o.hatchweights0.z hatchFactor - 2.0; 
o.hatchweightsi.x = 1.0 - o.hatchweights0.z; 

} else if (hatchFactor > 1.0) { 
o.hatchweightsi1.x hatchFactor - 1.0; 
o.hatchweightsi.y = 1.0 - o.hatchweights1.x; 

} else { 
o.hatchweightsi.y 
o.hatchweightsi.z 


hatchFactor; 
1.0 - o.hatchweights1.y; 


} 


oO.worldPos = mul(_Object2Wwor]ld, v.vertex).xyz; 
TRANSFER_SHADOW(o0); 


return o; 


我 们 首先 对 顶点 进行 了 基本 的 坐标 变换 。 然 后 ， 使 用 _TileFactor 得 到 了 纹理 采样 坐标 。 在 计算 6 张 纹理 
的 混合 权重 之 前 ， 我 们 首先 需要 计算 逐 顶 点 光照 。 因 此 ， 我 们 使 用 世界 空间 下 的 光照 方向 和 法 线 方向 得 到 
漫 反 射 系 数 diff。 之 后 ， 我 们 把 权重 值 初始 化 为 0， 并 把 diff 缩 放 到 [0, 7] 范 围 ， 得 到 hatchFactor。 我 们 把 [0， 
7] 的 区 间 均 匀 划 分 为 7 个 子 区 间 ， 通 过 判断 hatchFactor 所 处 的 子 区 间 来 计算 对 应 的 纹理 混合 权重 。 最 后 ， 我 
门 计算 了 顶点 的 世界 坐标 ， 并 使 用 TRANSFER_SHADOW 宏 来 计算 阴影 纹理 的 采样 坐标 。 


上 


i 


(6) 接 下 来 ， 定义 片 元 着 色 器 部 分 : 


fixed4 frag(v2f i) : SV_Target { 


fixed4 
fixed4 
fixed4 
fixed4 
fixed4 
fixed4 
fixed4 


hatchTex0 
hatchTex1 
hatchTex2 
hatchTex3 
hatchTex4 
hatchTex5 


fixed4 


return fixed4(hatchColor.rgb * 


tex2D(_Hatcho, 
tex2D(_Hatch1, 
tex2D(_Hatch2, 
tex2D(_Hatch3, 
tex2D(_Hatch4, 
tex2D(_Hatchs, 
whiteColor = fixed4(1, 1, 1, 
i.hatchweights1. 


UNITY_LIGHT_ATTENUATION(atten, i, i.worldPos); 


_Color.rgb * atten, 1.0); 


i.uv) * i.hatchweightso0.x; 
i.uv) * i.hatchweightso0.y; 
i.uv) * i.hatchweightso0.z; 
i.uv) * i.hatchweights1.x; 
i.uv) * i.hatchweights1.y; 
i.uv) * i.hatchweights1.z; 


1) * (1 - i.hatchweights0.x - i.hatchweights0O.y - i.hatchweight 
x - i.hatchweightsi.y - i.hatchweights1.z); 


hatchCcolor = hatchTex0 + hatchTex1 + hatchTex2 + hatchTex3 + hatchTex4 + hatchTex5 + whitedc 


3 

当 得 到 了 6 六 张 纹理 的 混合 权重 后 ， 我 们 对 每 张 纹理 进行 采样 并 和 它们 对 应 的 权重 值 相 乘 得 到 每 张 纹 
理 的 采样 颜色 。 我 们 还 计算 了 纯 白 在 泻 染 中 的 贡献 度 这 征 通 过 从 1 中 减 去 所 有 6 张 纹理 的 权重 来 得 到 的 。 
这 是 因为 素描 中 往往 有 留 白 的 部 分 ， 因 此 我 们 希望 在 最 后 的 泻 染 中 光照 最 亮 的 部 分 是 纯 白 色 的 。 最 后 ， 我 
们 混合 了 各 个 颜色 值 ， 并 和 阴影 值 atten、 模 型 颜色 _Color 相 乘 后 返回 最 终 的 泻 染 结果 。 

(7) 最 后 ， 我 们 设置 了 合适 的 Fallback: 
Fallback "Diffuse" 


读者 也 可 以 生成 与 本 例 不 同 的 素描 纹理 


wordpress.com/2013/11/01/hand-drawn-shaders-and-creating-tonal-art-maps/ ) 中 


等 软件 


创建 相似 的 素描 纹理 的 方法 。 


EE， 具 体 方法 可 以 参见 


人 文史。 这 篇 博 


(https://alastaira. 
使 用 Photoshop 


14.3 ”扩展 阅读 


在 工业 界 ， 非 真实 感 泻 染 已 被 应 用 到 很 多 成 功 的 游戏 中 ， 除 了 之 
前 提 及 的 《大 神 》 和 《军团 要 塞 2》 外 ， 还 有 最 近 的 《海岛 奇兵 》《 三 
国志 》 等 游戏 都 可 以 看 到 非 真实 感 泻 染 的 身影 。 在 学 术 界 ， 有 更 多 出 
色 的 非 真实 感 泻 染 的 工作 被 提 了 出 来 。 读 者 可 以 在 国际 讨论 会 NPAR 

(Non-Photorealistic Animation and Rendering) 上 找到 许多 关于 非 真实 
感 泻 染 的 论文 。 浙 江 大 学 的 耿 卫 东 教 授 编 繁 的 书籍 《艺术 化 绘制 的 图 
形 学 原理 与 方法 》 (英文 名 : The Algorithms and Principles of Non- 
photorealistic Graphics) [3 ， 也 是 非常 好 的 学 习 材料 。 这 本 书 概述 了 近 
年 来 非 真实 感 泻 染 在 各 个 领域 的 发 展 ， 并 简 述 了 许多 有 重要 页 献 的 算 
法 过 程 ， 是 一 本 非常 好 的 参考 书籍 。 


在 Unity 的 资源 商店 中 ， 也 有 许多 优秀 的 非 真实 感 泻 染 资 源 。 例 

如 ，Toon Shader Free 

(https://www.assetstore.unity3d.com/cn/#!/content/21288 ) 是 一 个 免费 
的 卡通 资源 包 ， 里 面 实现 了 包括 轮廓 线 渔 染 等 卡通 风格 的 泻 染 。Toon 
Styles Shader Pack (https:/www.assetstore.unity3d.com/ 
cn/#!/content/7212 ) 是 一 个 需要 收费 的 卡通 资源 包 ， 它 包含 了 更 多 的 
卡通 风格 的 Unity Shader 。Hand-Drawn Shader Pack 

(https://www.assetstore.unity3d.com/cn/#!/content/12465 ) 同样 是 一 个 
需要 收费 的 非 真 实感 洽 染 效果 包 ， 它 包含 了 诸如 铅笔 泻 染 、 晤 笔 演 染 
等 多 种 手绘 风格 的 非 真实 感 演 染 效 果 。 
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第 15 章 ”使 用 噪声 


很 多 时 候 ， 同 规则 的 事物 里 添加 一 些 “ 洒 乱 无 革 ” 的 效果 往往 会 有 
意 想 不 到 的 效果 。 而 这 些 “ 杂 乱 无 章 ? 的 效 末 来 源 殉 是 噪声 。 在 本 章 
中 ， 我 们 将 会 学 习 如 何 使 用 噪声 来 模拟 各 种 看 似 “神奇 ”的 特效 。 在 
15.1 广 中， 我 们 将 使 用 一 张 噪声 纹理 来 模拟 火 燃 的 消融 效果 。15.2 节 则 
把 噪声 应 用 在 模拟 水 面 的 波动 上 ， 从 而 产生 波光 阁 妆 的 视 洁 效果 。 在 
15.3 广 中， 我 们 会 回顾 13.3 节 中 实现 的 全 局 擂 效 ， 并 向 其 中 添加 吃 声 来 
模拟 不 均匀 的 上 渺 筋 效 。 


15.1 ”消融 效果 


消融 (dissolve) 效果 常见 于 游戏 中 的 角色 死亡 、 地 图 
不 同 的 区 域 开始 ， 
何在 Unity 中 实现 这 币 


要 实现 
纹理 采样 的 结 呈 
剪 掉 ， 这 些 部 分 就 对 应 了 
用 pow 函 数 处 理 后 ， 与 原 纹理 颜 色 混 


为 了 实现 上 述 消 融 效 果 ， 


名 


似 随机 的 方向 扩张 ， 最 后 整个 物体 都 将 消失 不 见 。 


、 
NE 


说 毁 等 效果 。 在 这 些 效果 中 ， 


效果 。 在 学 习 完 本 节 后， 我 们 可 以 得 到 类 似 图 15.1 中 的 效果 。 


Maxlmize on Play | Mute audio | Stats | Glzmos ~ 


色 


图 15.1 中 的 效果 


原 到 


(1) 在 Unity 中 新 建 一 个 场景 


况 下 场景 将 包含 


Skybox 中 去 掉 场 景 中 的 天 空 盒 


(2 


(3 


新 建 一 个 材质 。 


新 建 一 个 Unity Shader。 在 本 书 资 


在 本 书 资 


dE 
和 某 个 控制 消融 程度 的 阔 值 比较 ， 如 果 小 于 阔 值 ， 


图 中 被 < 烧 毁 "的 区 域 。 而 铂 空 


个 摄像 机 和 一 个 平行 光 ， 并 


15.1 箱子 的 消融 效果 


二 


攻 简 单 ， 概 括 来 说 就 是 噪声 纹理 + 透明 度 测 试 。 我 


门 使 


就 使 用 clip 画 数 把 它 


”的 
合 后 的 结果 。 


我 们 首先 进行 如 下 准 1 


°。 在 本 书 资源 中 ， 


消融 往往 从 
在 本 中 ， 我 们 将 学 习 如 


用 对 噪声 
对 应 的 像素 裁 


区 域 边缘 的 煤 焦 效果 则 是 将 两 和 


颜色 混合 ， 


工作 。 


该 场景 名 为 Scene _15 1 。 


禹 源 中 ， 


该 材 
换 源 中 ， 


Unity Shader 赋 给 第 2 步 中 创建 的 材质 。 
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我 们 需要 搭建 一 个 测试 消融 的 场 


景 。 在 本 书 次 


质 名 为 DissolveMat 。 


该 Unity Shader 名 为 Chapter15-Dissolve。 把 新 的 


再 


在 Unity 5.2 中 ， 默 认 情 
使 用 了 内 置 的 天 空 盒子 。 在 Window -> Lighting -> 


A 源 的 实现 中 ， 我 们 构建 了 一 个 包含 3 面 墙 的 


间 ， 并 放置 了 一 个 了 立方体。 把 第 2 步 创 建 的 材质 拖 忠 给 立方 体 。 
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保存 场景 。 


打开 Chapter15-Dissolve， 删 除 原 有 代码 ， 进 行 如 下 关键 修改 。 


(1) 


首先 ， 声 明 消 融 效 有 果 需 要 的 各 个 


属性 : 


人 


Properties { 
_BurnAmount ("Burn Amount", 
_Linewidth("Burn Line Width", 


_MainTex ("Base (RGB)" 
_BumpMap ("Normal Map", 


， 2D) 
2D) 


Range(0.0, 1.0)) 


Range(0.0, 0.2) 
"white" {} 
11 bump" {} 


) 


.0 
0.1 


_BurnFirstColor("Burn First Color", Color) = (1, 0, 0, 1) 
_BurnSecondcolor("Burn Second Color", Color) = (1, 0, 0, 1) 
_BurnMap("Burn Map", 2D) = "white"{} 


_BurnAmount 属 性 用 于 控制 消融 程度 ， 当 值 为 0 时 ， 物 体 为 正常 效果 ， 当 值 为 1 时 ， 物 体会 完全 消 


融 。_LineWwidth 属 性 用 于 控制 模拟 烧 焦 效果 时 的 线 宽 ， 它 的 值 越 大 ， 火 焰 边 缘 的 草 延 范围 越 广 。 
_MainTex 和 _BumpMap 分 别 对 应 了 物体 原本 的 漫 反 射 纹理 和 法 线 纹理 。_BumFirstColor 和 


_BurnSecondColor 对 应 了 火焰 边缘 的 两 种 颜色 值 。_BurnMap 则 是 关键 的 噪声 纹理 。 


(2) 我 们 在 SubShader 块 中 定义 消融 所 需 的 Pass: 


Pass { 


Tags { "LightMode"="ForwardBase" } 
Cull off 
CGPROGRAM 


#include "Lighting.cginc" 
#include "AutoLight.cginc" 


#pragma multi_compile_fwdbase 


章 的 是 ， 我 们 还 使 用 Cull 命 令 关 闭 了 该 Shader 的 面 片 剔 除 ， 也 就 是 说 ， 模 型 的 正面 和 背面 都 会 被 渔 


淋 。 


为 了 得 到 正确 的 光照 ， 我 们 设置 了 Pass 的 LightMode 和 multi_compile_fwdbase 的 编译 指令 。 值 得 注 


TW 


7 和 H 


这 是 因为 ， 消 融会 导致 裸露 模型 内 部 的 构造 ， 如 果 只 演 染 正面 会 出 现 错误 的 结果 。 
(3) 定义 顶点 着 色 器 : 


Struct v2f { 


}; 


v2f 


float4 pos : SV_POSITION; 
float2 uvMainTex : TEXCOORDO; 
float2 uvBumpMap : TEXCOORD1; 
float2 uvBurnMap : TEXCOORD2; 
float3 lightDir : TEXCOORD3,; 
float3 worldPos : TEXCOORD4; 
SHADOW_COORDS(5) 


vert(a2v v) { 
v2f 0o; 
0.pos = mul(UNITY_MATRIX_MVP, v.vertex); 


oOo.uvMainTex 
oO.uvBumpMap 
.UvBurnMap 


TRANSFORM_TEX(V.texcoord, _MainTex); 
TRANSFORM_TEX(V.texcoord, _BumpMap); 
TRANSFORM_TEX(V.texcoord, _BurnMap); 


口 


TANGENT_SPACE_ROTATION 
0.1ightDir = mul(rotation, ObjSpaceLightDir(v.vertex)).xyz; 


o.worldPos = mul(_Object2World, v.vertex).xyz; 
TRANSFER_SHADOW(o) 


return o; 


顶点 着 色 器 的 代码 很 常规 。 我 们 使 用 宏 TRANSFORM_TEX 计 算 了 三 张 纹理 对 应 的 纹理 坐标 ， 再 


和 阴影 纹理 的 采样 坐标 (使 用 了 TRANSFER_SHADOW 宏 ) 。 具 体 原 理 可 参见 9.4 节 。 


(4) 我 们 还 需要 实现 片 元 着 色 器 来 模拟 消融 效果 : 


把 光源 方向 从 模型 空间 变换 到 了 切线 空间 。 最 后 ， 为 了 得 到 阴影 信息 ， 计 算 了 世界 空间 下 的 顶点 位 置 


fixed4 frag(v2f i) : SV_Target { 
fixed3 burn = tex2D(_BurnMap, i.uvBurnMap).rgb; 


clip(burn.r - _BurnAmount); 


float3 tangentLightDir = normalize(i.1lightDir); 
fixed3 tangentNormal = UnpackNormal(tex2D(_BumpMap, i.uvBumpMap)); 


fixed3 albedo = tex2D(_MainTex, i.uvMainTex).rgb; 

fixed3 ambient = UNITY_LIGHTMODEL_ AMBIENT.xyz * albedo; 

fixed3 diffuse = _LightColorO.rgb * albedo * max(0, dot(tangentNormal, tangentLightDir) 
fixed t = 1 - smoothstep(0.0, _Linewidth, burn.r - _BurnAmount); 

fixed3 burnCcolor = lerp(_BurnFirstColor, _BurnSecondColor, t); 


burnColor = pow(burncolor, 5); 


UNITY_LIGHT_ATTENUATION(atten, i, i.worldPos); 


return fixed4(finalCcolor, 1); 


fixed3 finalcolor = lerp(ambient + diffuse * atten, burnColor, t * step(0.0001, _BurnAmount)),; 


); 


我 们 首先 对 噪声 纹理 进行 采样 采样 结果 和 用 于 控制 消融 程度 的 属性 _BumAmount 相 减 ， 传 


递 给 clip 函 数 。 当 结果 小 于 0 时 ， Ye 会 被 剔除 ， 从 而 不 会 显示 到 屏幕 上 。 如 果 通 过 了 测试 ， 


进而 得 到 漫 反 射 光 照 。 然 后 ， 我 们 计算 了 烧 焦 颜色 bumColor。 我 们 想 要 在 宽度 为 _LineWidth 的 范 


行 正 常 的 光照 计算 。 我 们 首先 根据 漫 反射 纹理 得 到 材质 的 反射 率 albedo， 并 由 此 计算 得 到 环境 光照 ， 


模拟 一 个 烧 焦 的 颜色 变化 ， 第 一 步 就 使 用 了 smoothstep 画 数 来 计算 混合 系数 [。 当 t 值 为 1 时 ， 表 明 该 


则 进 


已 围 内 


象 素 位 于 消融 的 边界 处 ， 当 t 值 为 0 时 ， 表 明 该 像素 为 正常 的 模型 颜色 ， 而 中 间 的 插值 则 表示 需要 模拟 


一 个 烧 焦 效果 。 我 们 首先 用 + 来 混合 两 种 火焰 颜色 _BurnFirstColor 和 。_ dc nl or， 为 了 让 交 
接近 烧 焦 的 痕迹 ， 我 们 还 使 用 pow 函 数 对 结果 进行 处 理 。 人 然后， 我们 再 次 使 用 t 来 混合 正常 的 光 有 


本 
恨 闫 i 


"这 


王 何 消融 效果 。 最 后 ， 返 回 混合 后 的 颜色 值 finalColor 。 


的 解释 一 样 ， 使 用 透明 度 测试 的 物体 的 阴影 需要 特 另 1 处理， 如 采 乃 然 使 用 普通 的 阴影 Pass， 


有 泗 
究 


的 效果 ， 我 们 需要 自 定义 一 个 投射 阴影 的 Pass: 


色 (环境 光 + 漫 反映 和 烧 焦 颜色 。 我 们 这 里 又 使 用 了 step 范 数 来 保证 当 _BumAmount 为 0 时 ， 不 显示 


(5) 与 之 前 的 实现 不 同 ， 我 们 在 本 例 中 还 定义 了 一 个 用 于 投射 阴影 的 Pass 。 le 
那么 名 
区 域 仍然 会 向 其 他 物体 投射 阴影 ， 造 成 "穿帮 ”。 为 了 让 物体 的 阴影 也 能 配合 透明 度 测试 产生 正 


// Pass to render object as a shadow caster 
Pass { 
Tags { "LightMode" = "ShadowCaster" } 
CGPROGRAM 


#pragma vertex vert 
#pragma fragment frag 


#pragma multi_compile_shadowcaster 


在 Unity 中 ， 用 于 投射 阴影 的 Pass 的 LightMode 需 要 被 设置 为 ShadowCaster， 同 时 ， 还 需要 使 用 
#pragma multi compile_shadowcaster 指 明 它 需要 的 编译 指令 。 


顶点 着 色 器 和 片 元 着 色 器 的 代码 很 简单 : 


struct v2f { 

V2F_SHADOW_CASTER ， 

float2 uvBurnMap : TEXCOORD1; 
}; 


v2f vert(appdata base v) { 
v2f 0o; 


TRANSFER_SHADOW_CASTER_NORMALOFFSET(o) 
0o.UVBurnMap = TRANSFORM_TEX(V.texcoord，_BurnMap ) 


return o; 


fixed4 frag(v2f i) : SV_Target { 
fixed3 burn = tex2D(_BurnMap, i.uvBurnMap).rgb; 


clip(burn.r - _BurnAmount); 


SHADOW_CASTER_FRAGMENT(i) 


阴影 投射 的 重点 在 于 我 们 需要 按 正常 Pass 的 处 理 来 剔除 片 元 或 进行 顶点 动画 ， 以 便 阴 影 可 以 和 物 
体 正常 浑 染 的 结果 相 匹 配 。 在 自 定 义 的 阴影 投射 的 Pass 中 ， 我 们 通常 会 使 用 Unity 提 供 的 内 1 
V2F_SHADOW_CASTER、TRANSFER_SHADOW_CASTER_NORMALOFFSET (| 版 本 中 会 使 用 
TRANSFER_SHADOW_CASTER) 和 SHADOW _CASTER_FRAGMENT 来 帮助 我 们 计算 明 影 投射 时 
需要 的 各 种 变量 ， 而 我 们 可 以 只 关注 自 定义 计算 的 部 分 。 在 上 面 的 代码 中 ， 我 们 首先 在 v2f 结 构 体 中 
| 用 V2F_SHADOW_CASTER 来 定义 阴影 投射 需要 定义 的 变量 。 随 后 ， 在 顶点 着 色 器 中 ， 我 们 使 用 


逢 

TRANSFER_SHADOW_CASTER_NORMALOFFSET 来 填充 V2F_SHADOW_ CASTER 在 背后 声明 的 一 
些 变 量 ， 这 是 由 Unity 在 背后 为 我 们 完成 的 。 我 们 需要 在 顶点 着 色 器 中 关注 自 定 义 的 计算 部 分 ， 这 里 
指 的 就 是 我 们 需要 计算 噪声 纹理 的 采样 坐标 uvBurnMap“。 在 片 元 着 色 器 中 ， 我 们 首先 按 之 前 的 处 理 方 
法 使 用 噪声 纹理 的 采样 结果 来 剔除 片 元 ， 最 后 再 利用 SHADOW_CASTER_FRAGMENT 来 让 Unity 为 我 
门 完成 阴影 投射 的 部 分 ， 把 结果 输出 到 深度 图 和 阴影 映射 纹理 中 。 


通过 Unity 提 供 的 这 3 个 内 置 宏 (在 UnityCG.cginc 文 件 中 被 定义 ) ， 我 们 可 以 方便 地 自 定 义 需 要 的 
阴影 投射 的 Pass， 但 由 于 这 些 宏 需 要 使 用 一 些 特定 的 输入 变量 ， 因 此 我 们 需要 保证 为 它们 提供 了 这 些 
变量 。 例 如 ，TRANSFER_SHADOW_CASTER_NORMALOFFSET 会 使 用 名 称 v 作 为 输入 结构 体 ，v 中 
需要 包含 顶点 位 置 v.vertex 和 顶点 法 线 v.normal 的 信息 ， 我 们 可 以 直接 使 用 内 置 的 appdata_base 结 构 
体 ， 它 包含 了 这 些 必需 的 顶点 变量 。 如 果 我 们 需要 进行 顶点 动画 ， 可 以 在 顶点 着 色 器 中 直接 修改 
Vvertex， 再 传递 给 TRANSFER_SHADOW_CASTER_NORMALOFFSET 即 可 (可 参见 11.3.3 节 ) 。 


在 本 例 中 ， 我 们 使 用 的 噪声 纹理 (对 应 本 书 资源 的 Assets/Textures/Chapter15/Burn_Noise.png) 如 
到 15.2 所 示 。 把 它 拖 忠 到 材质 的 _BumMap 属 性 上 ， 再 调整 材质 的 _BumAmount 属 性 ， 就 可 以 看 到 木 箱 
逐渐 消融 的 效果 。 在 本 书 资源 的 实现 中 ， 我 们 实 钢 了 一 个 辅助 脚本 ， 用 来 随时 间 调 整 材质 的 

_BumAmount 值 ， 因 此 ， 当 读者 单 击 运 行 后 ， 也 可 以 看 到 消融 的 动画 效果 。 


A 图 15.2 ”消融 效果 使 用 的 噪声 纹理 


使 用 不 同 的 噪声 和 纹理 属性 《 即 材 质 面板 上 纹理 的 Tiling 和 Offset 值 ) 都 会 得 到 不 同 的 消融 效果 。 
因此 ， 要 想得到 好 的 消融 效果 ， 也 需要 美术 人 员 提 供 合适 的 噪声 纹理 来 配合 。 


15.2 ”水 波 效果 


图 ， 


在 模拟 实时 水 面 的 过 程 中 ， 
以 不 断 修 改 水 面 的 法 线 方 向 。 
声 纹理 进行 采样 ， 当 条 


在 本 下 中 ， 我 们 将 


我 们 往往 也 会 使 用 


得到 法 线 信息 后 
会 使 用 


A 


源 


节 ) 的 水 面 效 果 ， 如 图 15.3 所 示 。 


NH eg 


图 


15.3 包 


和 本 Y 1 叶 改 二 


， 再 进行 正常 
声 纹理 得 到 


A EJ 入 全 一 


噪声 纹理 。 此 时 ， 
为 了 模拟 水 不 断 流动 的 效果 ， 我 
的 反射 + 折射 计算 ，# 


的 法 线 贴 图 ， 实 现 


噪声 纹理 通常 会 


目 作 一 个 高 度 
门 会 使 用 和 时 间 相 关 的 变量 


来 对 品 


导 到 最 后 的 水 
个 包含 菲 涅 


反射 (i 


售 菲 涅 耳 反射 的 水 


波动 效果 。 在 左边 


我 们 曾 在 10.2.2 节 介绍 过 


10.2.2 节 


拟 折射 效果 ， 我 们 使 用 
幕 坐标 进行 偏 移 ， 再 使 用 该 坐标 
实现 不 同 的 是 ， 水 波 的 法 线 纹理 是 
光 涩 妾 的 效果 。 除 此 之 外 ， 我 们 没有 使 用 
耳 系 数 来 动态 决定 混合 系数 。 


其 9 


方向 和 水 面 法 线 上 


半 如 何 使 用 


PP， 


折射 越 强 。 菲 涅 ] 
为 此 ， 我 从 
(1) 新 建 一 个 场景 。 


的 实现 基本 相同 。 我 们 使 用 
GrabPass 来 获取 当 
对 演 > 


染 纹理 


反射 和 折 


染 纹理 ， 
进行 屏幕 采样 ， 


. 线 的 夹 角 越 大 ， 反 射 效 果 越 强 。 在 下 
线 的 夹 角 越 大 ， 折 射 效 果 越 强 


射 来 模拟 一 个 透明 玻璃 的 效果 
一 张 立 方 体 纹理 (Cubemap) 作为 环境 纹理 ， 模 拟 
前 屏幕 的 泻 ; 
从 而 模拟 近似 的 折射 效果 。 
张 噪声 纹理 生成 而 得 ， 而 且 


机 波动 效果 。 


羊 见 10.1.5 


。 本 节 使 
反射 。 


并 使 用 切线 空 


会 随 着 时 间 变 化 不 断 平移 ， 


全 


个 定 值 来 混 


中 
更 


我 们 


如 下 公式 来 计算 菲 ; 


合 反 射 和 折射 颜色 ， 而 是 使 用 之 前 提 到 的 
内 涅 耳 系数 : 


fresnel =pow (1-max (0,v: n ),4) 


V 和 


四 


了 系数 还 经 常会 用 于 
] 需 要 做 如 下 准备 工作 。 
在 本 书 资源 中 ， 


包含 一 个 摄像 机 和 一 个 平行 光 ， 并 且 使 用 
景 中 的 天 空 盒子 。 

(2) 新 建 一 个 材质 。 在 本 书 资源 中 ， 

(3) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 
给 第 2 步 中 创建 的 材质 。 

(4) 构建 一 个 测试 水 波 效 果 的 场景 


房间 ， 它 们 都 使 用 了 我 们 在 9.5 节 ! 
第 2 步 中 创建 的 材质 赋 给 该 平 


WS 


5 


过 Gameobject -> Render into Cubemap 打 开 编 辑 窗 


位 


es 


看 。 
用 的 环境 纹理 ， 


为 了 得 到 本 场景 适 


n 分 别 对 应 了 视角 方向 和 法 线 方 向 。 lel 
边缘 光照 的 计算 中 


建 的 标准 材质 。 我 们 还 在 


越 小 ，Fresnel 值 越 小 ， 


该 材质 名 为 WaterWaveMat 。 


方向 和 水 面 


证 
Bs 


用 的 Shader 和 


为 了 模 


辣 下 的 法 线 方向 对 像素 的 屏 
与 10.2.2 节 中 的 


模拟 波 
菲 涅 


反射 越 弱 ， 


该 场景 名 为 Scene_15_ 2。 在 Unity 5.2 中 ， 默 认 情 况 下 场景 将 
了 内 置 的 天 空 盒子 。 在 Window -> Lighting -> Skybox 中 去 掉 场 


该 Shader 名 为 Chapter15-WaterWave。 把 新 的 Shader 赋 


。 在 本 书 资源 的 实现 中 ， 我 们 构建 了 一 个 由 6 面 墙 围 成 的 封闭 
房间 中 放置 了 一 个 平面 来 模拟 水 面 。 把 


我 们 使 用 了 10.1.2 节 中 实现 的 创建 立方 体 纹理 的 脚本 ( 通 
口 ) 来 创建 它 ， 如 图 15.4 所 示 。 在 本 书 资源 中 ， 该 


Cubemap 名 为 Water_Cubemap。 


酌 Water-Cubemap 


Water_Cubemap 
56 ARCB 32 bit 15 MB 


全 图 15.4 本 例 使 用 的 立方 体 纹理 


完成 准备 工作 后 ， 打 开 Chapter15-WaterWave， 对 它 进 行 如 下 关键 修改 。 
(1) 首先 ， 我 们 需要 声明 该 Shader 使 用 的 各 个 属性 : 


Properties { 
_Color ("Main Color", Color) = (0, 0.15, 0.115, 1) 
_MainTex ("Base (RGB)", 2D) = "white" {} 
_WaveMap ("Wave Map", 2D) = "bump" {} 
_Cubemap ("Environment Cubemap", Cube) = "_Skybox" 人 
_WaveXSpeed ("Wave Horizontal Speed", Range(-0.1, 0.1)) = 0， 
_WaveYSpeed ("Wave Vertical Speed", Range(-0.1, 0.1)) = 0.01 
_Distortion ("Distortion", Range(©0, 100)) = 10 


01 


其 中 ，_Color 用 于 控制 水 面 颜色 ，_MainTex 是 水 面 波纹 材质 纹理 ， 默 认为 
个 由 噪声 纹理 生成 的 法 线 纹理 ，_Cubemap 是 用 于 模拟 反射 的 立方 体 纹理 ; 


= 


2) 定义 相应 的 演 染 队列 ， 并 使 用 GrabPass 来 获取 屏幕 图 像 : 


白色 纹理 ，_WaveMap 是 


Distortion 风 | 


折射 时 图 像 的 扭曲 程度 _WaveXSpeed 和 _WaveYSpeed 分 别 用 于 控制 法 线 纹理 在 X 和 Y 方 向 J 


于 控制 模拟 


的 平移 速 


SubShader { 
// We must be transparent, so other objects are drawn before this one. 


Tags { "Queue"="Transparent" "RenderType"="0Opaque" } 


// This pass grabs the screen behind the object into a texture. 
// We can access the result in the next pass as _RefractionTex 


GrabPass { "_RefractionTex" } 


我 们 首先 在 SubShader 的 标签 中 将 演 染 队列 设置 成 Transparent， 并 把 后 面 的 RenderType 设 置 为 
Opaque。 把 Queue 设 置 成 Transparent 可 以 确保 该 物体 泻 染 时 ， 其 他 所 有 不 透明 物体 都 已 经 被 泻 染 到 屏幕 
上 上 了， 和 否则 就 可 能 无 法 正确 得 到 * 透 过 水 面 看 到 的 图 像 ”。 而 设置 RenderType 则 是 为 了 在 使 用 着 色 器 替换 

(Shader Replacement) 上 时， 该 物体 可 以 在 需要 时 被 正确 渲染 。 这 通常 发 生 在 我 们 需要 得 到 摄像 机 的 深 
度 和 法 线 纹理 时 ， 这 在 第 13 章 1 介绍 过 。 随后， 我 们 通过 关键 词 GrabPass 定 义 了 一 个 抓 到 幕 图 像 的 
Pass。 在 这 个 Pass 中 我 们 定义 了 一 个 字符 串 ， 该 字符 串 内 部 的 名 称 决定 了 抓 取得 到 的 屏幕 图 像 将 会 被 存 
入 哪个 纹理 中 (可 参见 10.2.2 节 ) 。 


pa 


(3) 定义 泻 染 水 面 所 需 的 Pass。 为 了 在 Shader 中 访问 各 个 属性 ， 我 们 


需要 定义 它们 对 应 的 变 


hh 


fixed4 _Color; 

sampler2D _MainTex; 
float4 _MainTex_ST; 
sampler2D _waveMap; 
float4 _WaveMap_ST; 
samplerCUBE _Cubemap; 
fixed _WaveXxSpeed 

fixed _waveYSpeed; 

float _Distortion; 
sampler2D _RefractionTex; 
float4 _RefractionTex_TexelSize; 


需要 注意 的 是 ， 我 们 还 定义 了 _RefractionTex 和 _RefractionTex_TexelSize 变 量 ， 这 对 应 了 在 使 用 
GrabPass 时 ， 指 定 的 纹理 名 称 。_RefractionTex_TexelSize 可 以 让 我 们 得 到 该 纹理 的 纹 素 大 小 ， 例 如 一 个 


大 小 为 256x512 的 纹理 ， 它 的 纹 素 大 小 为 (256, /512)。 我 们 需要 在 对 屏幕 图 像 的 采样 坐标 进行 偏 移 时 
使 用 该 变量 。 


(4) 定义 顶点 着 色 器 ， 这 和 10.2.2 节 中 的 实现 完全 一 样 : 


HH 


struct v2f { 
float4 pos : SV_POSITION; 
float4 scrPos : TEXCOORDO; 
float4 uv : TEXCOORD1; 
float4 Ttow0 : TEXCOORD2; 
float4 Ttow1 : TEXCOORD3; 
float4 Ttow2 : TEXCOORD4; 
}; 
v2f vert(a2v v) { 
v2f 0; 
0.pos = mul(UNITY_ MATRIX_MVP, Vv.vertex); 


oO.scrPos = ComputeGrabScreenPos(o.pos)， 


O.UV.Xy 
O.UV.ZW 


TRANSFORM_TEX(Vv.texcoord, _MainTex); 
TRANSFORM_TEX(V.texcoord，_WaveMap ) ; 


float3 worldPos = mul(_Object2Wworld, v.vertex).xyz; 

fixed3 worldNormal = UnityObjectToworldNormal(v.normal); 

fixed3 worldTangent = UnityObjectToworldDir(v.tangent.xyz); 

fixed3 worldBinormal = cross(worldNormal, worldTangent) * v.tangent.w; 


0o,.Ttow0 = float4(worldTangent.x, worldBinormal.x, worldNormal.x, worldPos.x); 
oOo.Ttow1 = float4(worldTangent.y, worldBinormal.y, worldNormal.y, worldPos.y); 
oO.Ttow2 = float4(worldTangent.z, worldBinormal.z, worldNormal.z, worldPos.2z); 


return o; 


在 进行 了 必要 的 顶点 坐标 变换 后 ， 我 们 通过 调用 ComputeGrabScreenPos 来 得 到 对 应 被 抓 取 屏幕 图 像 
的 采样 坐标 。 读 者 可 以 在 UnityCG.cginc 文 件 中 找到 它 的 声明 ， 它 的 主要 代码 和 ComputeScreenPos 基 本 类 
似 ， 最 大 的 不 同 是 针对 平台 差异 造成 的 采样 坐标 问题 ( 见 5.6.1 节 ) 进行 了 处 理 。 接 着 ,我 pasa 
_MainTex 和 _BumpMap 的 采样 坐标 ， 并 把 它们 分 别 存储 在 一 个 float4 类 型 变量 的 xy 和 zw 分 量 于 我 
们 需要 在 片 元 着 色 器 中 把 法 线 方向 从 切线 空间 (由 法 线 纹理 采样 得 到 ) 变换 到 世界 空间 下 ， 以 便 对 
Cubemap 进 行 采 样 ， 因 此 ， 我 们 需要 在 这 里 计算 该 顶 ， 点 对 应 的 从 切线 空间 到 世界 空间 的 变换 和 矩阵， 并 把 
该 矩阵 的 每 一 行 分 别 存储 在 TtowW0、TtowW1 和 TtoW2 的 xyz 分 量 。 这 时 可 使 用 的 数学 方法 就 是 ， 得 到 
切线 空间 下 的 3 个 坐标 轴 (x、y、z 轴 分 别 对 应 了 切线 、 副 切 线 和 法 线 的 方向 ) 在 世界 空间 下 的 表示 ， 
再 把 它们 依次 按 列 组 成 一 个 变换 矩阵 即 可 。TtowW0 等 值 的 w 分 量 同 样 被 利用 起 来 ， 用 于 存储 世界 空间 
下 的 顶点 坐标 。 


45) 定义 片 元 着 色 器 : 


fixed4 frag(v2f i) : SV_Target { 
float3 worldPos = float3(i.TtowO.w, i.Ttowi1.w, i.TtoWw2.w); 
fixed3 viewDir = normalize(UnityworldSpaceViewDir(worldPos)); 
float2 Speed = _Time.y * float2(_WaveXSpeed, _WaveYSpeed); 


// Get the normal in tangent space 

fixed3 bump1 = UnpackNormal(tex2D(_WaveMap, i.uv.zw + speed)).rgb; 
fixed3 bump2 = UnpackNormal(tex2D(_WaveMap, i.uv.zw - speed)).rgb; 
fixed3 bump = normalize(bump1 + bump2); 


// Compute the offset in tangent space 

float2 offset = bump.xy * _Distortion * _RefractionTex_TexelSize.xy; 
i.scrPos.xy = offset * i,.scrPos.z + i.scrPos.xy; 

fixed3 refrCol = tex2D( _RefractionTex, i,.scrPos.xy/i.scrPos.w).rgb; 


// Convert the normal to world space 
bump = normalize(half3(dot(i,.TtowO.xyz, bump), dot(i,.Ttow1.xyz, bump), dot(i.Ttow2.xyz, bump)))); 
fixed4 texColor = tex2D(_MainTex, i.uv.xy + speed); 
fixed3 reflDir = reflect(-viewDir, bump); 

fixed3 reflCol = texCUBE(_Cubemap, reflDir).rgb * texColor.rgb * _Color.rgb; 
fixed fresnel = pow(1 - saturate(dot(viewDir, bump)), 4); 

fixed3 finalColor = reflCol * fresnel + refrCol * (1 - fresnel); 


return fixed4(finalColor, 1); 


我 们 首先 通过 TtowW0 等 变量 的 w 分 量 得 到 世界 坐标 ， 并 用 该 值得 到 该 片 元 对 应 的 视角 方向 。 除 此 之 
外 ， 我 们 还 使 用 内 置 的 _Time. y 变 量 和 _WaveXSpeed、 _WaveYSpeed 属 性 计算 了 法 线 纹理 的 当前 偏 移 
量 ， 并 利用 该 值 对 法 线 纹理 进行 两 次 采样 (这 是 为 了 模拟 两 层 交 义 的 水 面 波 动 的 效果 ) ， 对 两 次 结果 
相 加 并 归 一 化 后 得 到 切线 空间 下 的 法 线 方向 。 然 后 ， 和 10.2.2 节 中 的 处 理 一 样 ， 我 们 使 用 该 值 和 
_Distortion 属 性 以 及 _RefractionTex_TexelSize 来 对 屏幕 图 像 的 采样 坐标 进行 偏 移 ， 模 拟 折 射 效果 。 
_Distortion 值 越 大 ， 偏 移 量 越 大 ， 水 面 背 后 的 物体 看 起 来 变形 程度 越 大 。 在 这 里 ， 我 们 选择 使 用 切线 空 
间 下 的 法 线 方向 来 进行 偏 黎 ， 是 因为 该 空间 下 的 法 线 可 以 反映 顶点 局 部 空 司 下 的 法 线 方 向 。 需 要 注意 
的 是 ， 在 计算 偏 移 后 的 屏幕 坐标 时 ， 我 们 把 偏 移 量 和 屏幕 坐标 的 z 分 量 相 乘 ， 这 是 为 了 模拟 深度 越 大 、 
折射 程度 越 大 的 效果 。 如 果 读 者 不 希望 产生 这 样 的 效果 ， 可 以 直接 把 偏 移 值 于 加 到 屏幕 坐标 上 。 随 
后 ， 我 们 对 scrPos 进 行 了 透视 除法 ， 再 使 用 该 坐标 对 抓 取 的 屏幕 图 像 RefractionTex 进 行 采样 ， 得 到 模拟 
的 折射 颜色 。 


之 后 ， 我 们 把 法 线 方向 从 切线 空间 变换 到 了 世界 空间 下 (使 用 变换 矩阵 的 每 一 行 ， 即 Ttow0 、 
TtoW1 和 TtoW2， 分 别 和 法 线 方向 点 乘 ， 构 成 新 的 法 线 方向 ) ， 并 据 此 得 到 视角 方向 相对 于 法 线 方向 的 


反射 方向 。 随 后 ， 使 用 反射 方向 对 Cubemap 进 行 采 样 ， 闭 


们 也 对 主 纹理 进行 了 纹理 动画 ， 以 模拟 水 波 的 效果 。 


为 了 混合 折射 和 反射 颜色 ， 我 们 随后 计算 了 菲 涅 


数 ， 并 据 此 来 混合 折射 和 反射 颜色 ， 作 为 最 终 的 输出 颜色 。 


在 本 例 中 ， 我 们 使 用 的 噪声 纹理 (对 应 本 


图 15.5 左 图 所 示 。 由 于 在 本 例 中 ， 我 们 需要 的 是 一 张 法 线 纹理 ， 


生成 需要 的 法 线 信息 ， 这 是 通过 二 


书 的 纹理 


grayscale 来 完成 的 "最 后 生成 的 法 线 纹理 如 图 15.5 右 图 所 示 “。 我们] 


F 把 结 果 和 了 


吕 


耳 系 数 。 我 们 使 ) 


资源 的 Assets/Textures/Chapter15/Water_Noise.png) 如 


纹理 颜色 相 乘 后 得 到 反射 颜色 。 我 


之 前 的 公式 来 计算 菲 涅 耳 系 


因此 我 们 可 以 从 该 噪声 纹理 的 灰 度 值 中 


_WaveMap 属 性 上 ， 再 单 击 运行 后 ， 束 可 以 看 到 水 面 波动 的 效果 了 。 


面板 中 把 纹理 类 型 设置 为 Normal map ， 并 选中 Create from 
巴 生成 的 法 线 纹理 拖 电 到 材质 的 


A 图 15.5 ”水波 效果 使 


的 吕 


纹理 左边 ; 噪声 纹理 的 灰 度 图 ,不 


生成 的 法 线 纹理 


15.3 ”再 谈 全 局 筋 效 


我 们 在 13.3 节 讲 到 了 如 何 使 用 深度 纹理 


纹理 重建 每 个 像素 在 世界 空 


后 使 用 该 系数 来 混合 筋 的 颜 


s 间 下 的 位 置 ， 再 使 用 一 个 基于 


来 实现 一 种 基于 屏幕 后 处 理 的 全 局 雾 效 。 我 们 由 深度 


高 度 的 公式 来 计算 筋 效 的 混合 系数 ， 最 


色 和 原 屏幕 颜色 。13.3 节 的 实现 效果 是 一 个 基于 高 度 的 均匀 雾 效 ， 即 


在 同一 个 高 度 上 ， 雾 的 浓度 是 相同 的 ， 如 图 15.6 左 图 所 示 。 然 而 ， 一 些 时 候 我 们 希望 可 以 模拟 一 
种 不 均匀 的 雾 效 ， 同 时 让 雾 不 断 肚 动 ， 使 筋 看 起 来 更 加 昧 水 ， 如 图 15.6 右 图 所 示 。 而 这 束 可 以 通 
过 使 用 一 张 噪声 纹理 来 实现 。 


全 


本 市 的 实现 非常 简单 ， 


图 15.6 ”左边 : 均匀 雾 效 ， 右 边 : 使 用 噪 


纹理 后 的 非 均匀 雾 效 


绝 大 多 数 代码 和 13.3 世 中 的 完全 一 样 ， 我 们 只 是 添加 了 噪声 相关 的 参 
数 和 属性 ， 并 在 Shader 的 片 元 着 色 器 中 对 高 度 的 计算 添加 了 噪声 的 影响 。 为 了 完整 性 ， 我 们 会 给 
出 本 节 使 用 的 脚本 和 Shader 的 实现 ， 但 其 中 使 用 的 原理 不 昨 


吕 效 述 ， 读 者 可 参见 13.3 节 。 


我 们 首先 需要 进行 如 下 准备 工作 。 


(1) 新 建 一 个 场景 。 


景 将 包含 一 个 尖 像 机 和 一 个 环行 光 ， 并 且 使 用 了 内 置 的 天 空 
Skybox 中 去 掉 场 景 中 的 天 空 盒 


(2) 我 们 需要 搭建 一 个 测试 雾 效 的 场景 


在 本 书 资 源 中 ， 该 场景 名 为 Scene_15 3。 在 Unity 5.2 中 ， 默 认 情况 下 场 


盒子 。 在 Window -> Lighting -> 


"在 本 书 资 源 的 实现 中 ， 我 们 构建 了 一 个 包含 3 面 墙 


的 房间 ， 并 放置 了 两 个 立方 体 和 两 个 球体 ， 它 们 都 使 用 了 我 们 在 9.5 节 中 创建 的 标准 材质 。 
(3) 新 建 一 个 脚本 。 在 本 书 资源 中 ， 该 脚本 名 为 FogWithNoise.cs。 把 该 脚本 拖 上 忠 到 摄像 机 


(4) 新 建 一 个 Unity Shader。 在 本 书 资源 中 ， 


该 Shader 名 为 Chapter15-FogWithNoise 。 


我 们 首先 来 编写 FogWithNoise.cs 肢 本。 打开 该 脚本 ， 并 进行 如 下 修改 。 
(1) 首先 ， 继 承 12.1 节 中 创建 的 基 类 : 


public class FogwithNoise 


: PostEffectsBase { 


(2) 声明 该 效果 需要 的 Shader， 并 据 此 创建 相应 的 材质 : 


public Shader fogShader ， 
private Material fogMaterial = null; 


public Material material { 
get { 


return fogMaterial; 


fogMaterial = CheckShaderAndCreateMaterial(fogShader, fogMaterial); 


(3) 在 本 市 中 ， 我 们 需要 获取 摄像 机 的 相关 参数 ， 女 


下 


上] 近 和 裁剪 3 


的 距离 、FOV 等 ， 同 时 还 


要 获取 摄像 机 在 世界 空间 下 的 前 方 、 上 方 和 右 方 等 方向 ， 
Camera 组 件 和 Transform 组 件 : 


因此 我 们 


个 变量 


L 


存储 摄像 机 的 


写 


mu 


于 


private Camera myCamera; 
public Camera camera { 
get { 
if (myCamera == null) { 
myCamera = GetComponent<Camera>(); 
} 


return myCamera; 


} 


private Transform myCameraTransform; 
public Transform cameraTransform { 


get { 
if (myCameraTransform == null) { 
myCameraTransform = camera.transform; 
} 


return myCameraTransform; 


(4) 定义 模拟 筋 效 时 使 用 的 各 个 参数 : 


[Range(0.1f, 3.0f)] 
public float fogDensity = 1.0f; 


public Color fogColor = Color.white,; 


public float fogStart = 0.0f' 
public float fogEnd = 2.0f; 


public Texture noiseTexture; 


[Range(-0.5f, 0.5f)] 
public float fogXSpeed = 0.1f; 


[Range(-0.5f, 0.5f)] 
public float fogYSpeed = 0.1f; 


[Range(0.0f, 3.0f)] 
public float noiseAmount = 1.0f; 


fogDensity 用 于 控制 雪 的 该 度 ，fogColor 用 于 控制 筋 的 颜色 。 我 们 使 用 的 雾 效 模拟 函数 是 基 
高 度 的 ， 因 此 参数 fogStart 用 于 控制 田 效 的 起 始 高 度 ，fogEnd 用 于 控制 先 效 的 终止 高 度 。 
noiseTexture 是 我 们 使 用 的 噪声 纹理 ， fogXSpeed 和 fogYSpeed 分 别 对 应 了 噪声 纹理 在 X 和 Y 方 向 上 的 
移动 速度 ， 以 此 来 模拟 雾 的 款 动 效果 。 最 后 ，noiseAmount 用 于 控制 噪声 程度 ， 当 noiseAmount 为 0 
时 ， 表 示 不 应 用 任何 噪声 ， 即 得 到 一 个 均匀 的 基于 高 度 的 全 局 雾 效 。 


本 (5) 由 于 本 例 需 要 获取 摄像 机 的 深度 纹理 ， 我 们 在 脚本 的 OnEnable 函 数 中 设置 摄像 机 的 相应 
状态 : 


有 


void OnEnable() { 
camera.depthTextureMode |= DepthTextureMode .Depth ; 
} 


(6) 最 后 ， 我 们 实现 了 OnRenderImage 函 数 : 


void OnRenderImage (RenderTexture src, RenderTexture dest) { 
if (material != null) { 
Matrix4x4 frustumCorners = Matrix4x4.identity; 


// Compute frustumCorners 


material.SetMatrix("_FrustumCornersRay", frustumCorners); 


material.SetFloat("_FogDensity", fogDensity); 
material.SetColor("_FogColor", fogColor); 
material.SetFloat("_FogStart", fogStart); 
material.SetFloat("_FogEnd", fogEnd); 


material.SetTexture("_NoiseTex", noiseTexture); 
material.SetFloat("_FogXSpeed", fogXSpeed); 
material.SetFloat("_FogYSpeed", fogYSpeed); 
material.SetFloat("_NoiseAmount", noiseAmount); 


Graphics.Blit (src, dest, material); 
} else { 
Graphics.Blit(src, dest); 


} 
} 

我 们 首先 利用 13.3 节 学 习 的 方法 计算 近 裁 剪 平面 的 4 个 角 对 应 的 向 量 ， 并 把 它们 存储 在 一 个 矩 
阵 类 型 的 变量 (frustumCorners) 中 。 计 算 过 程 和 原理 均 可 参见 13.3 节 。 随 后 ， 我 们 把 结果 和 其 他 
参数 传递 给 材质 ， 并 调用 Graphics.Blit (src, dest material) 把 演 染 结果 显示 在 屏幕 上 。 


下 面 ， 我 们 来 实现 Shader 的 部 分 。 打 开 Chapter15-FogWithNoise， 进 行 如 下 修改 。 
(1) 我 们 首先 需要 声明 本 例 使 用 的 各 个 属性 : 


出 


Properties { 
_MainTex ("Base (RGB)", 2D) = "white" {} 
_FogDensity ("Fog Density", Float) = 1.0 
_FogColor ("Fog Color", Color) = (1, 1, 1, 1) 
_FogStart ("Fog Start", Float) = 0.0 
_FogEnd ("Fog End", Float) = 1.0 


_NoiseTex ("Noise Texture", 2D) = "white" {} 
_FogXSpeed ("Fog Horizontal Speed", Float) = 0.1 
Float) = 0.1 
_NoiseAmount ("Noise Amount", Float) = 1 


_FogYSpeed ("Fog Vertical Speed", 


Har 


(2) 在 本 节 中 ， 我 们 使 用 CGINCLUDE 来 组 织 代 码 。 我 们 在 SubShader 块 中 利用 CGINCLUDE 


和 ENDCG 语 义 来 定义 一 系列 代码 ; 


SubShader { 
CGINCLUDE 


ENDCG 


(3) 声明 代码 中 需要 使 用 的 各 个 变 


float4x4 _FrustumCornersRay; 


sampler2D _MainTex; 

half4 MainTex_TexelSize; 
sampler2D _CameraDepthTexture; 
half _FogDensity; 

fixed4 _FogColor; 

float _FogStart; 

float _FogEnd ， 

sampler2D _NoiseTex; 

half _FogXSpeed; 

half _FogYSpeed; 

half _NoiseAmount ， 


有恒 


有 时: 


_FrustumCornersRay 里 然 没 有 在 Properties 中 声明 ， 但 仍 可 由 脚本 传递 给 Shader。 除 了 Properties 


声明 的 各 个 属性 ， 我 们 还 声明 了 深度 纹理 _CameraDepthTexture，Unity 会 在 背后 把 得 到 的 深度 纹 


理 传 递 给 该 值 。 


(4) 定义 顶点 着 色 器 ， 这 和 13.3 节 


和 实现 完全 一 致 。 读 者 可 以 在 13.3 节 找到 它 的 实现 和 相 


关 解释 。 


fixed4 frag(v2f i) : SV_Target { 


float linearDepth = LinearEyeDepth(SAMPLE_DEPTH_TEXTURE(_CameraDepthTexture, i. uv_depth)),; 
float3 worldPos = _WorldSpaceCameraPos + linearDepth * i.interpolatedRay .xyz; 


float2 Speed = _Time.y * float2(_FogXSpeed, _FogYSpeed); 
float noise = (tex2D(_NoiseTex, i.uv + speed).r - 0.5) * _NoiseAmount; 


float fogDensity = (_FogEnd - worldPos.y) / (_FogEnd - _FogStart); 
fogDensity = saturate(fogDensity * _FogDensity * (1 + noise)); 


fixed4 finalColor = tex2D(_MainTex, i.uv); 
finalColor.rgb = lerp(finalCcolor.rgb, _FogColor.rgb, fogDensity); 


return finalColor; 


我 们 首先 根据 深度 纹理 来 重建 该 像素 在 世界 空间 中 的 位 置 。 然 后 ， 我 们 利用 内 置 的 _Time.y 变 
量 和 _FogXSpeed、_FogYSpeed 属 性 计算 出 当前 噪声 纹理 的 偏 移 量 ， 并 据 此 对 噪声 纹理 进行 采样 ， 
得 到 噪声 值 。 我 们 把 该 值 减 去 0.5， 再 乘 以 控制 噪声 程度 的 属性 _ NoiseAmount， 得 到 最 终 的 噪声 
值 。 随 后 ， 我 们 把 该 噪声 值 添加 到 雾 效 浓度 的 计算 中 ， 得 到 应 用 噪声 后 的 筋 效 混合 系数 
fogDensity。 最 后 ， 我 们 使 用 该 系数 将 筋 的 颜色 和 原始 颜色 进行 混合 后 返回 。 


(6) 随后， 我 们 定义 了 雾 效 泻 染 所 需 的 Pass: 


Pass { 
CGPROGRAM 


#pragma Vertex Vert 
#pragma fragment frag 


ENDCG 
} 


(7) 最 后 ， 我 们 关闭 了 Shader 的 Fallback: 


Fallback Off 


完成 后 返回 编辑 器 ， 并 把 Chapter15-FogWithNoise 拖 忠 到 摄像 机 的 FogWithNoise.cs 脚 本 中 的 
fogShader 参 数 中 。 当 然 ， 我 们 可 以 在 FogWithNoise.cs 的 脚本 面板 中 将 fogShader 参 数 的 默认 值 设 置 
为 Chapter15-FogWithNoise， 这 样 就 不 需要 以 后 使 用 时 每 次 都 手动 拖 暇 了 。 本 节 使 用 的 噪声 纹理 

(对 应 本 书 资源 的 Assets/Textures/Chapter15/Fog_Noise.jpg) 如 图 15.7 所 示 。 我 们 把 该 噪声 纹理 拖 
虑 到 FogWithNoise.cs 脚 本 中 的 noiseTexture 参 数 中 ， 我 们 也 可 以 参照 之 前 的 方法 ， 直 接 在 
FogWithNoise.cs 的 脚本 面板 中 将 noiseTexture 参 数 的 默认 值 设 置 为 Fog_Noise.jpg， 这 样 就 不 需要 以 
后 使 用 时 每 次 都 手动 拖 点 了 。 


A 图 15.7 本 市 使 用 的 噪声 纹理 


15.4 扩展 阅读 


读者 在 阅读 本 章 时 ， 可 能 会 有 一 个 疑问 : 这 些 噪 声 纹理 都 是 如 何 
构建 出 来 的 ? 这 些 噪 声 纹理 可 以 被 认为 是 一 种 程序 纹理 (Procedure 
Texture) ， 它 们 都 是 由 计算 机 利用 某 些 算法 生成 的 。Perlin 品 声 

(https://en.wikipedia.org/wiki/Perlin_noise ) 和 Worley 噪 声 

(https://en.wikipedia.org/wiki/Worley_noise ) 是 两 种 最 常 使 用 的 噪声 
类 型 ， 例 如 我 们 在 15.3 节 中 使 用 的 噪声 纹理 由 Perlin 噪 声 生 成 而 来 。 
Perlin 噪 声 可 以 用 于 生成 更 目 然 的 噪声 纹理 ， 而 Worley 噪 声 则 通常 用 于 
模拟 诸如 石头 、 水 、 纸 张 等 多 孔 噪 声 。 现 代 的 岁 像 编辑 软件 ， 如 
Photoshop 等 ， 往 往 提 供 了 类 似 的 功能 或 插件 ， 以 帮助 美术 人 员 生 成 需 
要 的 噪声 纹理 ， 但 如 果 读 者 想 要 更 加 目 由 地 控制 噪声 纹理 的 生成 ， 可 
能 就 需要 了 解 它们 的 生成 原理 。 读 者 可 以 在 这 个 博客 

(http://flafla2.github.io/2014/08/09/perlinnoise.html ) 中 找到 一 篇 关于 
理解 Perlin 噪 声 的 非常 好 的 文章 ， 在 文章 的 最 后 ， 作 者 还 给 出 了 很 多 其 
他 出 色 的 参考 链接 。 关 于 Worley 噪 声 ， 读 者 可 以 在 作者 Worley1998 年 
发 表 的 论文 由 中 找到 它 的 算法 和 实现 细节 。 在 另 一 个 非常 好 的 博客 

(http://scrawkblog.com/category/procedural-noise/ ) 中 ， 博 主 给 出 了 很 
多 程序 噪声 在 Unity 中 的 实现 ， 并 包含 了 实现 源码 。 


15.5 “参考 文献 
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第 16 章 “Unity 中 的 浑 染 优化 技术 


程序 优化 的 第 一 条 准则 : 不 要 优化 。 程 序 优化 的 第 二 条 准则 〈 仅 针对 
及 


—Michael A. Jackson 


在 进行 程序 优化 的 时 候 ， 人 们 经 常会 引用 英国 的 计算 机 科学 家 
Michael A. Jackson 在 1988 年 的 优化 准则 。Jackson 是 想 借 此 强调 ， 对 问 
CO 
耶 错 误 。 


然而 ， 如 果 我 们 在 游戏 开发 过 程 中 从 来 都 没有 考虑 优化 ， 那 么 结 
果 往 往 古 惨不忍睹 的 。 一 个 正确 的 做 法 是 ， 从 一 开始 束 把 优化 当成 是 
游戏 设计 中 的 一 部 分 。 正 在 阅读 本 书 的 读者 ， 有 可 能 十 移 动 游戏 的 开 
发 者 。 和 PC 相 比 ， 移 动 设备 上 的 GPU 有 着 完全 不 同 的 架构 设计 ， 它 能 
使 用 的 人 带宽、 功能 和 其 他 资源 都 非 党 有限。 这 要 求 我 们 需要 时 刻 把 优 
化 膛 记 在 心 ， 才 可 以 避免 等 到 项 目 完成 时 才 发 现 游戏 根本 无 法 在 移动 
设备 上 流畅 运行 的 结 采 。 


在 本 章 ， 我 们 将 会 阐述 一 些 Unity 中 常见 的 优化 技术 。 这 些 优化 技 
术 都 是 和 演 染 相关 的 ， 例 如 ， 使 用 批 处 理 、LOD (Level of Detail) 技 
术 等 。 在 本 章 最 后 的 扩展 阅读 部 分 ， 我 们 给 出 一 些 非 常 有 价值 的 参考 
资料 ， 在 那里 读者 可 以 学 习 到 更 多 真实 项 目 中 的 优化 技术 。 


在 开始 学 习 之 前 ， 我 们 希望 读者 能 够 理解 ， 游 戏 优 化 不 仅 是 程序 
员 的 工作 ， 更 需要 美工 人 员 在 游戏 的 美术 上 进行 一 定 的 权衡 ， 例 如 ， 
避免 使 用 全 屏 的 屏 才 特 效 ， 避 免 使 用 计算 复杂 的 shader， 减 少 透 明 混 
合 造 成 的 overdraw 等 。 也 束 是 说 ， 这 是 由 程序 员 和 美工 人 员 等 各 个 首 
分 人 员 共 同 参与 的 工作 。 


16.1 移动 平台 的 特点 


和 PC 平台 相 比 ， 移 动 平台 上 的 GPU 架构 有 很 大 的 不 同 。 由 于 处 理 
资源 等 条 件 的 限制 ， 移 动 设备 上 的 GPU 架 构 专 注 于 尽 可 能 使 用 更 小 的 
市 宽 和 功能 ， 也 由 此 带 来 了 许多 和 PC 和 平台 完全 不 同 的 现象 。 


例如 ， 为 了 尽 可 能 移 除 那 些 隐 藏 的 表面 ， 减 少 overdraw 〈 即 一 个 
像素 被 绘制 多 次 ) ，PowerVR 必 片 (通常 用 于 iOS 设 备 和 某 些 Android 
设备 ) 使 用 了 基于 瓦 片 的 延迟 演 染 (Tiled-based Deferred 
Rendering，TBDR) 架构 ， 把 所 有 的 泻 染 图 像 装 入 一 个 个 瓦 片 

(tile) 中 ， 再 由 硬件 找到 可 见 的 片 元 ， 而 只 有 这 些 可 见 片 元 才 会 执行 
片 元 着 色 器 。 另 一 些 基于 瓦 乒 的 GPU 架构 ， 如 Adreno 〈 高 通 的 心 片 ) 
和 Mali (ARM 的 芯片 ) 则 会 使 用 Early-Z 或 相似 的 技术 进行 一 个 低 精 度 
的 的 深度 检测 ， 来 剔除 那些 不 需要 泻 染 的 片 元 。 还 有 一 些 GPU， 如 
Tegra 〈 瑞 伟 达 的 芯片 ) ， 则 使 用 了 传统 的 架构 设计 ， 因 此 在 这 些 设备 
上 ，overdraw 更 可 能 造成 性 能 的 瓶颈 。 


由 于 这 些 蕊 片 架构 造成 的 不 同 ， 一 些 游戏 往往 需要 针对 不 同 的 心 
请 发 布 不 同 的 版 本 ， 以 便 对 每 个 必 片 进行 更 有 针对 性 的 优化 。 尤 其 是 
在 Android 平 台 上 ， 不 同 设备 使 用 的 硬件 ， 如 图 形 心 请、 屏幕 分 辨 率 
等 ， 大 相 径 码 ， 这 对 图 形 优化 提出 了 更 高 的 挑战 。 相 比 与 Android 平 
台 ，iOS 平 台 的 硬件 条 件 则 相对 统一 。 读 者 可 以 在 Unity 手 册 的 iOS 硬 
件 指南 (http://docs.unity3d.com/Manual/ iphone-Hardware.html ) 中 找 
到 相关 的 资料 。 


16.2 ”影响 性 能 的 因素 


首先 ， 在 学 习 如 何 优化 之 前 ， 我 们 得 了 解 影响 游戏 性 能 的 因素 有 
哪些 ， 才 能 对 症 下 药 。 对 于 一 个 游戏 来 说 ， 它 主要 需要 使 用 两 种 计算 
资源 : CPU 和 GPU。 它 们 会 互相 合作 ， 来 让 我 们 的 游戏 可 以 在 预期 的 
帧 率 和 分 辨 率 下 工作 。 其 中 ，CPU 主 要 负责 保证 帧 率 ，GPU 主 要 负责 
分 辨 率 相 关 的 一 些 处 理 。 


据 此 ， 我 们 可 以 把 造成 游戏 性 能 瓶颈 的 主要 原因 分 成 以 下 几 个 方 
面 。 


(1) CPU 。 


过 多 的 draw call。 


复杂 的 脚本 或 者 物理 模拟 。 
(2) GPU。 


顶点 处 理 。 
o 过 多 的 顶点 。 
o 过 多 的 逐 顶 点 计算 。 
片 元 处 理 。 
o 过 多 的 片 元 〈 既 可 能 是 由 于 分 辨 率 造 成 的 ， 也 可 能 是 由 于 
overdraw 造 成 的 ) 。 


o 过 多 的 逐 片 元 计算 。 
(3) 带宽 。 


使 用 了 尺寸 很 大 且 未 压缩 的 纹理 。 
分 状 率 过 高 的 帧 缓存 。 


对 于 CPU 来 说 ， 限 制 它 的 主要 是 每 一 帆 中 draw call 的 数目 。 我 们 
曾 在 2.2 节 和 2.4.3 节 中 介绍 过 draw call 的 相关 概念 和 原理 。 简 单 来 说 ， 
就 是 CPU 在 每 次 通知 GPU 进 行 渲染 之 前 ， 都 需要 提前 准备 好 顶点 数据 
(如 位 置 、 法 线 、 颜 色 、 纹 理 坐 标 等 ) ， 然 后 调用 一 系列 API 把 它们 


放 到 GPU 可 以 访问 到 的 指定 位 置 ， 最后， 调用 一 个 绘制 命令 ， 来 告诉 
GPU, “ 嘿 ， 我 把 东西 都 准备 好 了 ， 你 赶紧 出 来 干 活 ( 演 染 ) 吧 ! ”。 
而 调用 绘制 命令 的 时 候 ， 就 会 产生 一 个 draw call。 过 多 的 draw call 会 造 
成 CPU 的 性 能 瓶颈 ， 这 是 因为 每 次 调用 draw call 时 ，CPU 往 往 都 需要 
改变 很 多 演 染 状态 的 设置 ， 而 这 些 操作 是 非常 耗 时 的 。 如 果 一 帧 中 需 
要 的 draw call 数 目 过 多 的 话 ， 束 会 导致 CPU 把 大 部 分 时 间 都 花费 在 提 
区 draw call 的 工作 上 面 了 。 当 然 ， 其 他 原因 也 可 能 造成 CPU 瓶 绒 ， 例 
如 物理 、 布 料 模拟 、 蒙 皮 、 粒 子 模拟 等 ， 这 些 都 是 计算 量 很 大 的 操 
作 ， 但 由 于 本 书 主要 讨论 Shader 方 面 的 相关 技术 ， 因 此 ， 这 些 内 容 不 
在 本 书 的 讨论 范围 内 。 


而 对 于 GPU 来 说 ， 它 负责 整个 渲染 流水 线 。 它 从 处 理 CPU 传 递 过 
来 的 模型 数据 开始 ， 进 行 顶 点 着 色 器 、 片 元 着 色 器 等 一 系列 工作 ， 最 
后 输出 屏幕 上 的 每 个 像素 。 因 此 ，GPU 的 性 能 瓶颈 和 需要 处 理 的 顶点 
数目 、 屏 幕 分 辩 率 、 显 存 等 因素 有 关 。 而 相关 的 优化 策略 可 以 从 减少 
0 (包括 顶点 数目 和 片 元 数目 ) 、 减 少 运 算 复 杂 度 等 
入 o 


在 了 解 了 上 面 基本 的 内 容 后 ， 本 章 后 续 章 市 会 涉及 的 优化 技术 


(1) CPU 优 化 。 
。 使 用 批 处 理 技术 减少 draw call 数 日 。 
(2) GPU 优 化 。 


。 减 少 需 要 处 理 的 顶点 数 日 。 
o 优化 几何 体 。 
o 使 用 模型 的 LOD (Level of Detail) 技术 。 
o 使 用 遮挡 剔除 (Occlusion Culling) 技术 。 
。 减少 需要 处 理 的 片 元 数目 。 
o 控制 绘制 顺序 。 
o 警惕 透明 物体 。 
o 减少 实时 光照 。 
。 减 少 计算 复杂 上 度 。 
o 使 用 Shader 的 LOD (Level of Detail) 技术 。 


o 代码 方面 的 优化 。 
(3) 节省 内 存 带宽 。 


。 减少 纹理 大 小 。 
。 利用 分 辨 挛缩 放 。 


在 开始 优化 之 前 ， 我 们 首先 需要 知道 是 哪个 步骤 造成 了 性 能 瓶 
贷 。 而 这 可 以 利用 Unity 提 供 的 一 些 渔 染 分 析 工 具 来 实现 。 


16.3 ”Unity 中 的 泻 染 分 析 工 具 


Unity 内 置 了 一 些 工 具 ， 来 帮助 我 们 方便 地 查看 和 泻 染 相关 的 各 个 
统计 数据 。 这 些 数 据 可 以 帮助 我 们 分 析 游 戏 泻 染 性 能 ， 从 而 更 有 和 针对 
性 地 进行 优化 。 在 Unity 5 中 ， 这 些 工 具 包 括 了 演 染 统计 窗口 

(Rendering Statistics Window) 、 性 能 分 析 器 (Profiler) ， 以 及 帧 调试 
器 (Frame Debugger) 。 需 要 注意 的 是 ， 在 不 同 的 目标 平台 上 ， 这 些 工 
具 中 显示 的 数据 也 会 发 生变 化 。 


16.3.1 认识 Unity 5 的 泻 染 统计 窗口 


Unity 5 提供 了 一 个 全 新 的 窗口 ， 即 泻 染 统计 窗口 (Rendering 
Statistics Window) 来 显示 当前 游戏 的 各 个 演 染 统计 变量 ， 我 们 可 以 
通过 在 Game 视 图 右上 方 的 菜单 中 单 击 Stats 按 钮 来 打开 它 ， 如 图 16.1 所 
示 。 从 图 16.1 中 可 以 看 出 ， 泻 染 统计 窗口 主要 包含 了 3 个 方面 的 信息 : 
音频 (Audio) 、 图 像 (Graphics) 和 网 络 (Network) 。 我 们 这 里 只 关 
注 第 二 个 方面 ， 即 图 像 相关 的 渲染 统计 结 


演 染 统计 窗口 中 显示 了 很 多 重要 的 演 染 数据 ， 例 如 FPS、 批 处 理 数 
目 、 顶 点 和 三 角 网 格 的 数目 等 。 表 16.1 列 出 了 演 染 统计 窗口 中 显示 的 各 


个 信息 。 


和 图 16.1 Unity 5 的 泻 染 统计 窗口 


表 16.1 


每 帧 的 时 间 和 | 在 Graphic 的 右 侧 显示 ， 给 出 了 处 理 和 演 染 一 帧 所 需 的 时 间 ， 以 及 


一 帧 中 需要 进行 的 批 处 理 数目 


合并 的 批 处 理 数 目 ， 这 个 数字 表明 了 批 处 理 为 我 们 节省 了 多 少 draw 


call 


需要 绘制 的 三 角 面 片 和 顶点 数目 
屏幕 的 大 小 ， 以 及 它 占 用 的 内 存 大 小 


信息 名 称 


演 染 使 用 的 Pass 的 数目 ， 每 个 Pass 都 需要 Unity 的 runtime 来 绑 定 一 个 
新 的 Shader， 这 可 能 造成 CPU 的 瓶颈 


演 染 的 蒙 皮 网 格 的 数目 


播放 的 动画 数目 


Unity 5 的 渲染 统计 窗口 相 较 于 之 前 版 本 中 的 有 了 一 些 变 化 ， 最 明 
显 的 区 别 之 一 就 是 去 掉 了 draw call 数 目的 显示 ， 而 添加 了 批 处 理 数目 的 
显示 。Batches 和 Saved by batching 更 容易 让 开发 者 理解 批 处 理 的 优化 结 
果 。 当 然 ， 如 果 我 们 想 要 查看 draw call 的 数目 等 其 他 更 加 详细 的 数据 ， 
可 以 通过 Unity 编 辑 融 的 性 能 分 析 器 来 得 看 。 


16.3.2 ”性 能 分 析 器 的 演 染 区 域 


我 们 可 以 通过 单 击 Window -> Profiler 来 打开 Unity 的 性 能 分 析 器 
(Profiler) 。 性 能 分 析 器 中 的 泻 染 区 域 (Rendering Area) 提供 了 更 
多 关于 泻 染 的 统计 信息 ， 图 16.2 给 出 了 对 图 16.1 中 场景 的 泻 染 分 析 结 
Lg 


RenderTexture Switches: 

Screen: 557x411 -2.6 MB 

VRAM usage: 29.9 MB to 37.6 MB (of 1.00 CB) 
-343.8 KB 


A 图 16.2 使 用 Unity 的 性 能 分 析 器 中 的 泻 染 区 域 来 查看 更 多 关于 泻 染 的 统计 信息 


性 能 分 析 器 显示 了 绝 大 部 分 在 渲染 统计 窗口 中 提供 的 信息 ， 例 
如 ， 绿 线 显 示 了 批 处 理 数目 、 蓝 线 显 示 了 Pass 数 目 等 ， 同 时 还 给 出 了 许 
多 其 他 非常 有 用 的 信息 ， 例 如 ，draw cal 数 目 、 动 态 批 处 理 / 静 态 批 处 
理 的 数目 、 演 染 纹 理 的 数目 和 内 存 占用 等 。 


结合 泻 染 统计 窗口 和 性 能 分 析 器 ， 我 们 可 以 查看 与 渲染 相关 的 绝 
大 多 数 重要 的 数据 。 一 个 值得 注意 的 现象 是 ， 性 能 分 析 器 给 出 的 draw 
call 数 目 和 批 处 理 数 目 、Pass 数 目 并 不 相等 ， 并 且 看 起 来 好 像 要 大 于 我 
们 估算 的 数目 ， 这 是 因为 Unity 在 背后 需要 进行 很 多 工作 ， 例 如 ， 初 始 
化 各 个 缓存 、 为 阴影 更 新 深度 纹理 和 阴影 映射 纹理 等 ， 因 此 需要 伦 费 
比 “预期 "更 多 的 draw call。 一 个 好 消息 是 ，Unity 5 引入 了 一 个 新 的 工具 
来 帮助 我 们 查看 每 一 个 draw call 的 工作 ， 这 个 工具 就 是 帧 调试 器 。 


16.3.3 ”再 谈 帧 调试 器 


我 们 已 经 在 之 前 的 章节 中 多 次 看 到 帧 调试 器 (Frame Debugger) 
的 应 用 ， 例 如 5.5.3 廊 中 解释 了 如 何 使 用 帧 调试 絮 来 对 Shader 进 行 调试 。 
我 们 可 以 通过 Window -> Frame Debugger 来 打开 它 。 在 这 个 窗口 中 ， 我 
们 可 以 清楚 地 看 到 每 一 个 draw call 的 工作 和 结果 ， 如 图 16.3 所 示 。 


Frame Debug | Ce 
Enable 4 of 14 4 . 

Event #14: Draw Mesh 

Shader: Unity Shaders Book/Common /Bumped Specular pass #0 DIRECTIONAL SHADOW 

Bend One Zer0, One Zero ColorMask RCEA 

ZTlest LessEqual DNrive On Cull Back Offset 0, 0 


和 


Camera, RendOer 
vUpdateDepthTexture 
Clear (color+Z+stencil) 
Draw Mesh Cube (2) 
Draw Mesh Sphere 
Dynamic Batch 
Drawing 10 
Render.DpaqueCeometry 10 
RenderForwardOpaque.Remder 10 
TSshadows.Rendershadowmap 5 
Shadows .RendershadowmapDIr 5 
Clear (color+2+stencil) 
Dynamic batch 
Draw Mesh Sphere 
Dynamic Batch 
Draw Mesh Sphere 
vRenderforwardOpaque.CollectShadows 2 
YSshadows.CollectShadows 2 
Clear (color) 
Draw CL 
vwClear 1 
Clear (color+Z+stenci) 
Dynamic Batch 
Draw Mesh Sphere 


Sphere subset 0 
S15 Verts 2304 indices 


4 图 16.3 ”使 用 帧 调试 器 来 查看 单独 的 draw call 的 绘制 结果 


帧 调试 避 的 调试 面板 上 显示 了 演 染 这 一 帧 所 需要 的 所 有 的 演 染 事 
件 ， 在 本 例 中 ， 事 件数 目 为 14， 而 其 中 包含 了 10 个 draw call 事 件 (其 他 
泻 染 事 件 多 为 清平 缓存 等 ) 。 通 过 单 击 面板 上 的 每 个 事件 ， 我 们 可 以 
在 Game 视 图 查看 该 事件 的 绘制 结果， 同时 渲染 统计 面板 上 的 数据 也 会 
显示 成 截止 到 当前 事件 为 止 的 各 个 泻 染 统计 数据 。 以 本 例 为 例 (场景 
如 图 16.1 所 示 ) ， 要 渲染 一 帧 共 需 要 花费 10 个 draw call， 其 中 4 个 draw 
call 用 于 更 新 深度 纹理 (对 应 UpdateDepthTexture) ，4 个 draw call 用 于 
泻 染 平行 光 的 阴影 映射 纹理 ，1 个 draw call 用 于 绘制 动态 批 处 理 后 的 3 个 
立方 体 模型 ，1 个 draw call 用 于 绘制 球体 。 


在 Unity 的 泻 染 统计 窗口 、 分 析 器 和 帧 调试 器 这 3 个 利 絮 的 帮助 下 ， 
我 们 可 以 获得 很 多 有 用 的 优化 信息 。 但 是 ， 很 多 诸如 渔 染 时 间 这 样 的 
数据 是 基于 当前 的 开发 平台 得 到 的 ， 而 非 真 机 上 的 结 采 。 事 实 上 ， 
Unity 正 在 和 硬件 生产 商 合 作 ， 来 首先 让 使 用 英 伟 达 图 豁 (Tegra) 的 设 
备 可 以 出 现在 Unity 的 性 能 分 析 右 中 。 我 们 有 理由 相信 ， 在 后 续 的 Unity 
版 本 中 ， 直 接 在 Unity 中 对 移动 设备 进行 性 能 分 析 不 再 是 梦想 。 然 而 ， 
在 这 个 梦想 实现 之 前 ， 我 们 仍然 需要 一 些 外 部 的 性 能 分 析 工 具 的 帮 
助 。 


16.3.4 ”其 他 性 能 分 析 工 具 


对 于 移动 平台 上 的 游戏 来 说 ， 我 们 更 希望 得 到 在 真 机 上 运行 游戏 
时 的 性 能 数据 。 这 时 ，Unity 目 前 提供 的 各 个 工具 可 能 就 不 再 能 满足 我 
们 的 需求 了 。 


对 于 Android 平 台 来 说 ， 高 通 的 Adreno 分 析 工 具 可 以 对 不 同 的 测试 
机 进行 详细 的 性 能 分 析 。 英 伟 达 提供 了 NVPerfHUD 工 具 来 帮助 我 们 得 
到 几乎 所 有 需要 的 性 能 分 析 数 据 ， 例 如 ， 每 个 draw call 的 GPU 了 时间， 
个 shader 化 费 的 cycle 数 目 等 。 


对 于 iOS 平 台 来 说 ，Unity 内 置 的 分 析 絮 可 以 得 到 整个 场景 花费 的 
GPU 时 间 。PowerVRAM 的 PVRUniSCo shader 分 析 器 也 可 以 给 出 一 个 大 
致 的 性 能 评估 。Xcode 中 的 OpenGL ES Driver Instruments 可 以 给 出 一 些 
宏观 上 的 性 能 信息 ， 例 如 ， 设 备 利用 率 、 泻 染 器 利用 率 等 。 但 相对 于 
Android 平 台 ， 对 iOS 的 性 能 分 析 更 加 困难 (工具 较 少 ) 。 而 且 PowerVR 
蕊 片 采用 了 基于 瓦 片 的 延迟 泻 染 颖 ， 因 此 ， 想 要 得 到 每 个 draw call 人 花费 
的 GPU 时 间 是 几乎 不 可 能 的 。 这 时 ， 一些 宏观 上 的 统计 数据 可 能 更 有 
参考 价值 。 


一 些 其 他 的 性 能 分 析 工 具 可 以 在 Unity 的 官方 手册 
(http://docs.unity3d.com/Manual/ MobileProfiling.html ) 中 找到 。 当 找 
到 了 性 能 瓶 氏 后 ， 我 们 瓯 可 以 针对 这 些 方面 进行 特定 的 优化 。 


16.4 ”减少 draw call 数 目 


读者 最 常 看 到 的 优化 技术 大 概 就 是 批 处 理 (batching) 了 。 批 处 
理 的 实现 原理 就 是 为 了 减少 每 一 帧 需要 的 draw call 数 目 。 为 了 把 一 个 对 
象 泻 染 到 屏幕 上 ，CPU 需 要 检查 哪些 光源 影响 了 该 物体 ， 绑 定 shader 并 
设置 它 的 参数 ， 再 把 泻 染 命令 发 送 给 GPU。 当 场景 中 包含 了 大 量 对 象 
上 时， 这 些 操作 就 会 非常 耗 时 。 一 个 极端 的 例子 是 ， 如 果 我 们 需要 渲染 
一 千 个 三 角形 ， 把 它们 按 一 千 个 单独 的 网 格 进行 渲染 所 花费 的 时 间 要 
远 远 大 于 演 染 一 个 包含 了 一 千 个 三 角形 的 网 格 。 在 这 两 种 情况 下 ， 
GPU 的 性 能 消耗 其 实 并 没有 多 大 的 区 别 ， 但 CPU 的 draw call 数 目 就 会 成 
为 性 能 瓶 宽 。 因 此 ， 批 处 理 的 思想 很 简单 ， 就 是 在 每 次 调用 draw call 时 
尽 可 能 多 地 处 理 多 个 物体 。 我 们 已 经 在 2.2 节 和 2.4.3 节 中 详细 地 讲述 了 
draw cal 和 批 处 理 之 间 的 联系 ， 本 蔬 旨 在 介绍 如 何在 Unity 中 利用 批 处 
理 技术 来 优化 泻 染 。 


那么 ， 什 么 样 的 物体 可 以 一 起 处 理 呢 ? 答案 就 是 使 用 同一 个 材质 
的 物体 。 这 是 因为 ， 对 于 使 用 同一 个 材质 的 物体 ， 它 们 之 间 的 不 同 仅 
仅 在 于 顶点 数据 的 老 别 。 我 们 可 以 把 这 些 顶 点 数据 合并 在 一 起 ， 再 一 
起 发 送 给 GPU， 束 可 以 完成 一 次 批 处 理 。 


Unity 中 文 持 两 种 批 处 理 方式 ， 一 种 十 动态 批 处 理 ， 男 一 种 是 静态 
批 处 理 。 对 于 动态 批 处 理 来 说 ， 优 点 是 一 切 处 理 都 是 Unity 目 动 完成 
的 ， 不 需要 我 们 目 己 做 任何 操作 ， 而 且 物 体 是 可 以 移动 的 ， 但 缺点 
古 ， 限 制 很 多 ， 可 能 一 不 小 心 束 会 破坏 了 这 种 机 制 ， 导 致 Unity 无 法 动 
仿 批 处 理 一 些 使 用 了 相同 材质 的 物体 。 而 对 于 静态 批 处 理 来 说 ， 它 的 
优点 是 目 由 度 很 高 ， 限 制 很 少 ， 但 缺点 是 可 能 会 占用 更 多 的 内 存 ， 而 
且 经 过 静态 批 处 理 后 的 所 有 物体 都 不 可 以 再 移动 了 《即便 在 脚本 中 从 
试 改变 物体 的 位 置 也 是 无 效 的 ) 。 


16.4.1 动态 批 处 理 


如 采 场 景 中 有 一 些 模 型 共享 了 同一 个 材质 并 满足 一 些 条 件 ，Unity 
就 可 以 目 动 把 它们 进行 批 处 理 ， 从 而 只 需要 化 费 一 个 draw call 束 可 以 泻 
染 所 有 的 模型 。 动 态 批 处 理 的 基本 原理 是 ， 每 一 由 把 可 以 进行 批 处 理 
的 模型 网 格 进行 合并 ， 再 把 合并 后 模型 数据 传递 给 GPU， 然 后 使 用 同 


一 个 材质 对 其 泻 染 。 除 了 实现 方便 ， 动 仿 批 处 理 的 太一 个 好 处 是， 经 
过 批 处 理 的 物体 仍然 可 以 移动 ， 这 是 由 于 在 处 理 每 帧 时 Unity 都 会 重新 
合并 一 次 网 格 。 


虽然 Unity 的 动态 批 处 理 不 需要 我 们 进行 任何 额外 工作 ， 但 只 有 满 
足 条 件 的 模型 和 材质 才 可 以 被 动态 批 处 理 。 需 要 注意 的 是 ， 随 着 Unity 
版 本 的 变化 ， 这 些 条 件 也 有 一 些 改变 。 在 本 节 中 ， 我 们 给 出 一 些 主要 
的 条 件 限 制 。 


能 够 进行 动态 批 处 理 的 网 格 的 顶点 属性 规模 要 小 于 900。 例 如 ， 如 
果 shader 中 需要 使 用 顶点 位 置 、 法 线 和 纹理 坐标 这 3 个 顶点 属性 ， 
那么 要 想 让 模型 能 够 被 动态 批 处 理 ， 它 的 顶点 数目 不 能 超过 300 。 
需要 注意 的 是 ， 这 个 数字 在 未 来 有 可 能 会 发 生变 化 ， 因 此 不 要 依 
赖 这 个 数据 。 

一 般 来 说 ， 所 有 对 象 都 需要 使 用 同一 个 缩放 尺度 (可 以 是 (1, 1， 
1)、(1, 2, 3)、(1.5, 1.4, 1.3) 等 ， 但 必须 都 一 样 ) 。 一 个 例外 情况 
是 ， 如 果 所 有 的 物体 都 使 用 了 不 同 的 非 统一 缩放 ， 那 么 它们 也 是 
可 以 被 动态 批 处 理 的 。 但 在 Unity 5 中 ， 这 种 对 模型 缩放 的 限制 已 
经 不 存在 了 。 

使 用 光照 纹理 (lightmap) 的 物体 需要 小 心 处 理 。 这 些 物体 需要 和 额 
外 的 渲染 参数 ， 例 如 ， 在 光照 纹理 上 的 索引 、 偏 移 量 和 缩放 信息 
等 。 因 此 ， 为 了 让 这 些 物体 可 以 被 动态 批 处 理 ， 我 们 需要 保证 它 
们 指向 光照 纹理 中 的 同一 个 位 置 。 

多 Pass 的 shader 会 中 断 批 处 理 。 在 前 向 泻 染 中 ， 我 们 有 时 需要 使 用 
额外 的 Pass 来 为 模型 添加 更 多 的 光照 效果 ， 但 这 样 一 来 模型 就 不 会 
被 动态 批 处 理 了 。 


在 本 书 资源 的 Scene_16_3_1 场 景 中 ， 我 们 给 出 了 这 样 一 个 场景 。 
场景 中 包含 了 3 个 立方 体 ， 它 们 使 用 同一 个 材质 ， 同 时 还 包含 了 一 个 使 
用 其 他 材质 的 球体 。 场 景 中 还 包含 了 一 个 平行 光 ， 但 我 们 关闭 了 它 的 
阴影 效果 ， 以 避免 阴影 计算 对 批 处 理 数 目的 影响 。 这 样 一 个 场景 的 泻 
染 统计 数据 如 图 16.4 所 示 。 


从 图 16.4 中 可 以 看 出 ， 要 泻 染 这 样 一 个 包含 了 4 个 物体 的 场景 共 需 
要 两 个 批 处 理 。 其 中 ， 一 个 批 处 理 用 于 绘制 经 过 动态 批 处 理 合并 后 的 3 
个 立方 体 网 格 ， 男 一 个 批 处 理 用 于 绘制 球体 。 我 们 可 以 从 Save by 
batching 看 出 批 处 理 帮 我 们 节省 了 两 个 draw call。 


现在 ， 我 们 再 回 场 景 中 添加 一 个 点 光源 ， 并 调整 它 的 位 置 使 它 可 
以 照 亮 场 景 中 的 4 个 物体 。 由 于 场景 中 的 物体 都 使 用 了 多 个 Pass 的 
shader， 因 此 ， 点 光源 会 对 它们 产生 光照 影响 。 图 16.5 给 出 了 添加 点 光 
源 后 的 泻 染 统计 数据 。 


€ Game | sa = Hierarchy | = 
Free Aspect - Maximze on Play | Mute aodio | Stats Cizmos ~ | Create ~ Cr 上 


Objects 

Sphere 

Cube 

Cube (1) 

Cube (2) 
Main Camera 
Directional Light 
Point light 


图 16.4 ”动态 批 处 理 
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€ Game | ea Hierarchy | "| 
Free Aspect 区 Maximize on Ptay | Mute audio | Stats Cizmos | | | Create "| (ON 


¥ Objects 


Sphere 
Cube 
Cube (DD) 
Cube (2) 
Main Camera 


Directional 


图 16.5 ”多 光源 对 动态 批 处 理 的 影响 结果 


> 


从 图 16.5 中 可 以 看 出 ， 演 染 一 帧 所 需 的 批 处 理 数 目 增 大 到 了 8， 而 
Save by batching 的 数目 也 变 成 了 0。 这 是 因为 ， 使 用 了 多 个 Pass 的 
shader 在 需要 应 用 多 个 光照 的 情况 下 ， 破 坏 了 动态 批 处 理 的 机 制 ， 导 致 
Unity 不 能 对 这 些 物 体 进 行动 态 批 处 理 。 而 由 于 平行 光 和 点 光源 需要 对 4 
个 物体 分 别 产生 影响， 因此 ， 需要 2x4 个 批 处 理 操作 需要 注意 的 是 ， 
只 有 物体 在 点 光 源 的 影响 范围 内 ，Unity 才 会 调用 额外 的 Pass 来 处 理 
0 
比 处 理 的 。 


动态 批 处 理 的 限制 条 件 比较 多 ， 例 如 很 多 时 候 ， 我 们 的 模型 数据 
往往 会 超过 900 的 顶点 属性 限制 。 这 种 时 候 依赖 动 仿 批 处 理 来 减少 draw 
call 显 然 已 经 不 能 够 满足 我 们 的 需求 了 。 这 时 ， 我 们 可 以 使 用 Unity 的 静 
态 批 处 理 技术 。 


16.4.2 静态 批 处 理 


Unity 提 供 了 为 一 种 批 处 理 方 式 ， 即 静态 批 处 理 。 相 比 于 动态 批 处 
理 来 说， 静态 批 处 理 适 用 于 任何 大 小 的 几何 模型 。 它 的 实现 原理 走 ， 
只 在 运行 开始 阶段 ， 把 需要 进行 静态 批 处 理 的 模型 合并 到 一 个 新 的 网 
格 结构 中 ， 这 意味 着 这 些 模 型 不 可 以 在 运行 时 刻 被 移动 。 但 由 于 它 只 
需要 进行 一 次 合并 操作 ， 因 此 ， 比 动态 批 处 理 更 加 高 效 。 静态 批 处 理 
的 男 一 个 缺点 在 于 ， 它 往往 需要 占用 更 多 的 内 存 来 存储 合并 后 的 几何 
结构 。 这 是 因为 ， 如 果 在 静态 批 处 理 前 一 些 物体 共享 了 相同 的 网 格 ， 
那么 在 内 存 中 每 一 个 物体 都 会 对 应 一 个 该 网 格 的 复制 品 ， 即 一 个 网 格 
会 变 成 多 个 网 格 再 发 送 给 GPU。 如 采 这 类 使 用 同一 网 格 的 对 象 很 多 ， 
那么 这 就 会 成 为 一 个 性 能 瓶 贷 了 。 例 如 ， 如 末 在 一 个 使 用 了 1 000 个 相 
同 树 模 型 的 森林 中 使 用 静态 批 处 理 ， 那 么 ， 就 会 多 使 用 1 000 倍 的 内 
人 存 ， 这 会 造成 挛 重 的 内 存 影响 。 这 种 时 候 ， 解 决 方法 要 么 念 受 这 种 牺 
牲 内 存 换取 性 能 的 方法 ， 要 么 不 要 使 用 静态 批 处 理 ， 而 使 用 动态 批 处 
0 
方法。 


在 本 书 资源 的 Scene_16_3_ 2 场景 中 ， 我 们 给 出 了 一 个 测试 静态 批 
处 理 的 场景 。 场 景 中 包含 了 3 个 Teapot 模 型 ， 它 们 使 用 同一 个 材质 ， 同 
时 还 包含 了 一 个 使 用 不 同 材 质 的 立方 体 。 场 景 中 还 包含 了 一 个 平行 


光 ， 但 我 们 关闭 了 它 的 阴影 效果 ， 以 避免 阴影 计算 对 批 处 理 数目 的 影 
啊 。 在 运行 前 ， 这 样 一 个 场景 的 渔 染 统计 数据 如 图 16.6 所 示 。 


从 图 16.6 中 可 以 看 出 ， 尽 管 3 个 Teapot 模 型 使 用 了 相同 的 材质 ， 但 
它们 仍然 没有 被 动态 批 处 理 。 这 是 因为 ，Teapot 模 型 包含 的 顶点 数目 是 
393， 而 它们 使 用 的 shader 中 需要 使 用 4 个 顶点 属性 (顶点 位 置 、 法 线 方 
向 、 切 线 方向 和 纹理 坐标 ) ， 超 过 了 动态 批 处 理 中 限定 的 900 限 制 。 此 
时 ， 要 想 减 少 draw call 就 需要 使 用 静态 批 处 理 。 


静态 批 处 理 的 实现 非常 简单 ， 只 需要 把 物体 面板 上 的 Static 复 选 框 
勾 选 上 即 可 〈 实 际 上 我 们 只 需要 勾 选 Batching Static 即 可 ) ， 如 图 16.7 
所 示 。 


这 时 ， 我 们 再 观察 泻 染 统计 和 窗口 中 的 批 处 理 数目 ， 还 是 没有 变 
化 。 但 是 不 要 急 ， 运 行程 序 后 ， 变 化 就 出 现 了 ， 如 图 16.8 所 示 。 
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图 16.6 ”静态 批 处 理 前 的 演 染 统计 数据 


全 


@ Inspector 
国 Teapot 
Tag | Untagged +| We Default | 
Prefab Select | | Apply | 
Position X|-L87 |Y|-1L5 |z 
Rotation x|l270 |Y|l33L307jzlo | 
Scale x2 jyY2 jz2 | 


A 图 16.7 把 物体 标志 为 Static 


从 图 16.2 中 可 以 看 出 ， 现 在 的 批 处 理 数目 变 成 了 2， 而 Save by 
batching 数目 也 显示 为 2。 此 时 ， 如 采 我 们 在 运行 时 查看 每 个 模型 使 用 
的 网 格 ， 会 发 现 它 们 都 变 成 了 一 个 名 为 Combined Mesh (roo: scene) 的 东 
西 ， 如 图 16.9 所 示 。 这 个 网 格 是 Unity 合 并 了 所 有 被 标识 为 “Static” 的 物 
体 的 结果 ， 在 我 们 的 例子 里 ， 就 是 3 个 Teapot 和 一 个 立方 体 。 读 者 可 能 
会 有 一 个 疑问 ， 这 4 个 对 象 明 明 不 是 都 使 用 了 一 个 材质 ， 为 什么 可 以 合 
并 成 一 个 呢 ? 如 果 你 仔细 观看 图 16.9 的 结果 ， 会 发 现在 图 16.9 的 右 下 方 
标明 了 “4 submeshes”， 也 就 是 说 ， 这 个 合并 后 的 网 格 其 实 包含 了 4 个 子 
网 格 ， 即 场景 中 的 4 个 对 象 。 对 于 合并 后 的 网 格 ，Unity 会 判断 其 中 使 用 
同一 个 材质 的 子 网 格 ， 然 后 对 它们 进行 批 处 理 。 


A 图 16.8 静态 批 处 理 


4 图 16.9 ”静态 批 处 理 中 Unity 会 合并 所 有 被 标识 为 “Static” 的 物体 


在 内 部 实现 上 ，Unity 首 先 把 这 些 静 态 物 体 变换 到 世界 空间 下 ， 然 
后 为 它们 构建 一 个 更 大 的 顶点 和 索引 缓存 。 对 于 使 用 了 同一 材质 的 物 
体 ，Unity 只 需要 调用 一 个 draw call 就 可 以 绘制 全 部 物体 。 而 对 于 使 用 
了 不 同 材质 的 物体 ， 静 态 批 处 理 同样 可 以 提升 泻 染 性 能 。 尺 管 这 些 物 
体 仍然 需要 调用 多 个 draw call， 但 静态 批 处 理 可 以 减少 这 些 draw call 之 
间 的 状态 切换 ， 而 这 些 切 换 往往 是 费时 的 操作 。 从 合并 后 的 网 格 结构 
中 我 们 还 可 以 发 现 ， 尽 管 3 个 Teapot 对 象 使 用 了 同一 个 网 格 ， 但 合并 后 
却 变 成 了 3 个 独立 网 格 。 而 且 ， 我 们 可 以 从 Unity 的 分 析 器 中 观察 到 在 应 
用 静态 批 处 理 前 后 VBO total 的 变化 ， 从 图 16.10 所 示 中 可 以 看 出 ， 
VBO (Vertex Buffer Object， 顶 点 缓冲 对 象 ) 的 数 日 变 大 了 。 这 正 是 因 
为 静态 批 处 理会 占用 更 多 内 存 的 毕 故 ， 正 如 本 太一 开头 所 讲 ， 静 态 批 
处 理 需要 占用 更 多 的 内 存 来 存储 合并 后 的 几何 结构 ， 如 果 一 些 物体 共 
I 那么 在 内 存 中 每 一 个 物体 都 会 对 应 一 个 该 网 格 的 复 

号。 
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A 图 16.10 ”静态 批 处 理会 占用 更 多 的 内 存 。 左 边 : 静态 批 处 理 前 的 演 染 统计 数据 ， 右 边 : 静 
态 批 处 理 后 的 泻 染 统计 数据 


如 果 场 景 中 包含 了 除了 平行 光 以 外 的 其 他 光源 ， 并 且 在 shader 中 定 
义 了 额外 的 Pass 来 处 理 它们 ， 这 些 人 额外 的 Pass 部 分 是 不 会 被 批 处 理 的 。 
图 16.11 显 示 了 在 场景 中 添加 了 一 个 会 影响 4 个 物体 的 点 光源 之 后 ， 泻 染 
统计 窗口 的 数据 变化 。 


A 图 16.11 处 理 其 他 逐 像素 光 的 Pass 不 会 被 静态 批 处 理 


但 是 ， 处 理 平行 光 的 Base Pass 部 分 仍然 会 被 静态 批 处 理 ， 因 此 ， 
我 们 仍然 可 以 市 省 两 个 draw call。 


16.4.3 ”共享 材质 


从 之 前 的 内 容 可 以 看 出 ， 无 论 是 动态 批 处 理 还 是 静态 批 处 理 ， 都 
要 求 模型 之 间 需 要 共享 同一 个 材质 。 但 不 同 的 模型 之 间 总 会 需要 有 不 


同 的 浑 染 属性 ， 例 如 ， 使 用 不 同 的 纹理 、 颜 色 等 。 这 时 ， 我 们 需要 一 
些 俩 上 略 来 尽 可 能 地 合并 材质 。 


如 果 两 个 材质 之 间 只 有 使 用 的 纹理 不 同 ， 我 们 可 以 把 这 些 纹理 合 
并 到 一 张 更 大 的 纹理 中 ， 这 张 更 大 的 纹理 被 称 为 是 一 张 图 集 (atlas) 。 
一 旦 使 用 了 同一 张 纹理 ， 我 们 束 可 以 使 用 同一 个 材质 ， 再 使 用 不 同 的 
采样 坐标 对 纹理 采样 即 可 。 


但 有 时 ， 除 了 纹理 不 同 外 ,不同 的 物体 在 材质 上 还 有 一 些微 小 的 
参数 变化 ， 例 如 ， 颜 色 不 同 、 某 些 浮 点 属性 不 同 。 但 是 ， 不 管 是 动态 
批 处 理 还 是 静态 批 处 理 ， 它 们 的 前 提 都 是 要 使 用 同一 个 材质 。 十 同一 
个 ， 而 不 是 使 用 了 同一 种 Shader 的 材质 ， 也 束 说 它们 指 同 的 材质 必须 
苹 同 一 个 实体 。 这 意味 着 ， 只 要 我 们 调整 了 参数 ， 束 会 影响 到 所 有 使 
用 这 个 材质 的 对 象 。 那 么 想 要 微小 的 调整 怎么 办 呢 ? 一 种 常用 的 方法 
就 是 使 用 网 格 的 顶点 数据 〈 最 常见 的 就 是 顶点 颜色 数据 ) 来 存储 这 些 


参数 。 


前 面 说 过 ， 经 过 批 处 理 后 的 物体 会 被 处 理 成 更 大 的 VBO 发 送 给 
GPU，VBO 中 的 数据 可 以 作为 输入 传递 给 顶点 着 色 器 ， 因 此 ， 我 们 可 
以 巧妙 地 对 VBO 中 的 数据 进行 控制 ， 从 而 达到 不 同 效 果 的 目的 。 一 个 
例子 是 ， 和 森林 场景 中 所 有 的 树 使 用 了 同一 种 材质 ， 我 们 希望 它们 可 以 
通过 批 处 理 来 减少 draw call， 但 不 同 树 的 颜色 可 能 不 同 。 这 时 ， 我 们 可 
以 利用 网 格 的 顶点 的 颜色 数据 来 调整 。 


需要 注意 的 是 ， 如 果 我 们 需要 在 脚本 中 访问 共享 材质 ， 应 该 使 用 
Renderer.sharedMaterial 来 保证 修改 的 是 和 其 他 物体 共享 的 材质 ， 但 这 意 
味 着 修改 会 应 用 到 所 有 使 用 该 材质 的 物体 上 。 男 一 个 类 似 的 API 是 
Renderermaterial ， 如 果 使 用 Renderer.material 来 修改 材质 ，Unity 会 创 
建 一 个 该 材质 的 复制 品 ， 从 而 破坏 批 处 理 在 该 物体 上 的 应 用 ， 这 可 能 
并 不 是 我 们 希望 看 到 的 。 


16.4.4” 批 处 理 的 注意 事项 


在 选择 使 用 动态 批 处 理 还 是 静态 批 处 理 时 ， 我 们 有 一 些小 小 的 建 
议 。 


。 尽 可 能 选择 静态 批 处 理 ， 但 得 时 刻 小 心 对 内 存 的 消耗 ， 并 且 记 住 
经 过 静态 批 处 理 的 物体 不 可 以 再 被 移动 。 

。 如 条 无 法 进行 静 仿 批 处 理 ， 而 要 使 用 动态 批 处 理 的 话 ， 那 么 请 小 
心 上 面 提 到 的 各 种 条 件 限制 。 例 如 ， 尽 可 能 让 这 样 的 物体 少 并 且 
尺 可 能 让 这 些 物 体 包含 少量 的 顶点 属 性 和 顶点 数目 。 

ny 

理 。 

。 对 于 包含 动画 的 这 类 物体 ， 我 们 无 法 全 部 使 用 静态 批 处 理 ， 但 其 

中 如 果 有 不 动 的 部 分 ， 可 以 把 这 部 分 标识 成 <Static”。 


除了 上 壕 提 示 外 ， 在 使 用 批 处 理 时 还 有 一 些 需 要 注意 的 地 方 。 由 
于 批 处 理 需 要 把 多 个 模型 变换 到 世界 空间 下 再 合并 它们 ， 因 此 ， 如 果 
shader 中 存在 一 些 基于 模型 空间 下 的 坐标 的 运算 ， 那 么 往往 会 得 到 错误 
的 结果 。 一 个 解决 方法 是 ， 在 shader 中 使 用 DisableBatching 标签 来 强制 
使 用 该 Shader 的 材质 不 会 被 批 处 理 。 另 一 个 注意 事项 是 ， 使 用 半 透 明 材 
质 的 物体 通常 需要 使 用 严格 的 从 后 往 前 的 绘制 顺序 来 保证 透明 混合 的 
正确 性 。 对 于 这 些 物体 ，Unity 会 首先 保证 它们 的 绘制 顺序 ， 再 尝试 对 
它们 进行 批 处 理 。 这 意味 着 ， 当 绘制 顺序 无 法 满足 时 ， 批 处 理 无 法 在 
这 些 物体 上 被 成 功 应 用 。 


尽管 在 Unity 5.2 中 ， 只 实现 了 对 一 些 泻 染 部 分 的 批 处 理 。 而 诸如 泻 
染 摄 像 机 的 深度 纹理 等 部 分 ， 还 没有 实现 批 处 理 。 但 我 们 相信 ， 在 后 
续 的 Unity 版 本 中 ， 批 处 理会 应 用 到 越 来 越 多 的 泻 染 部 分 中 。 


16.5 ”减少 需要 处 理 的 顶点 数目 


尽管 draw call 十 一 个 重要 的 性 能 指标 ， 但 顶点 数目 同样 有 可 能 成 
为 GPU 的 性 能 瓶 席 。 在 本 市 中 ， 我 们 将 给 出 3 个 第 用 的 项 点 优化 策略 。 


16.5.1 ”优化 几何 体 


3D 游 戏 制 作 通常 都 是 由 模型 制作 开始 的 。 而 在 建 模 时 ， 有 一 条 规 
则 我 们 需要 记 住 : 尽 可 能 减少 模型 中 三 角 面 片 的 数目 ， 一 些 对 于 模型 
没有 影响 、 或 是 肉眼 非常 难 察觉 到 区 别 的 顶点 都 要 尽 可 能 去 把 。 为 了 
尽 可 能 减少 模型 中 的 顶点 数目 ， 美 工人 员 往 往 需 要 优化 网 格 结构 。 在 
es 都 有 相应 的 优化 选项 ， 可 以 目 动 优化 网 格 结 


在 Unity 的 泻 染 统计 窗口 中 ， 我 们 可 以 查看 到 泻 染 当前 帧 需要 的 三 
角 面 片 数目 和 顶点 数目 。 需 要 注意 的 是 ，Unity 中 显示 的 数目 往往 要 多 
于 建 模 软件 里 显示 的 顶点 数 ， 通 常 Unity 中 显示 的 数目 要 大 很 多 。 谁 才 
是 对 的 呢 ? 其 实 ， 这 是 因为 在 不 同 的 角度 上 计算 的 ， 都 有 各 自 的 道 
理 ， 但 我 们 真正 应 该 关心 的 是 Unity 里 显示 的 数目 。 


我 们 在 这 里 简单 解释 一 下 造成 这 种 不 同 的 原因 。 三 维 软件 更 多 地 
是 站 在 我 们 人 类 的 角度 理解 顶点 的 ， 即 组 成 几何 体 的 每 一 个 点 就 是 一 
个 单独 的 点 。 而 Unity 是 站 在 GPU 的 角度 上 去 计算 顶点 数 的 。 在 GPU 看 
来 ， 有 时 需要 把 一 个 顶点 拆 分 成 两 个 或 更 多 的 顶点 。 这 种 将 顶点 一 分 
为 多 的 原因 主要 有 两 个 ;一 个 是 为 了 分 离 纹理 坐标 (uv splits) ， 另 
一 个 是 为 了 产生 平滑 的 边界 《smoothing splits) 。 它 们 的 本 质 ， 其 实 
都 是 因为 对 于 GPU 来 说 ， 顶 点 的 每 一 个 属性 和 顶点 之 间 必 须 是 一 对 一 
的 关系 。 而 分 离 纹理 坐 标 ， 是 因为 建 模 时 一 个 顶点 的 纹理 坐标 有 多 
个 。 例 如 ， 对 于 一 个 立方 体 ， 它 的 6 个 面 之 间 虽 然 使 用 了 一 些 相同 的 顶 
点 ， 但 在 不 同 面 上 ， 同 一 个 顶点 的 纹理 坐标 可 能 并 不 相同 。 对 于 GPU 
来 说 ， 这 是 不 可 理解 的 ， 因 此 ， 它 必须 把 这 个 顶点 拆 分 成 多 个 具有 不 
同 纹 理 坐 标的 顶点 。 而 平滑 边界 也 是 类 似 的 ， 不 同 的 是 ， 此 时 一 个 顶 
点 可 能 会 对 应 多 个 法 线 信息 或 切线 信息 。 这 通常 是 因为 我 们 要 决定 一 
个 边 是 一 条 便 边 (hard edge) 还 是 一 条 平滑 边 《smooth edge) 。 


对 于 GPU 来 说 ， 它 本 质 上 只 关心 有 多 少 个 顶点 。 因 此 ， 尽 可 能 城 
少 顶 点 的 数目 其 实 才 是 我 们 真正 需要 天 心 的 事情 。 因 此 ， 最 后 一 条 几 
何 体 优化 建议 束 是 ， 移 除 不 必要 的 硬 边 以 及 纹理 衡 接 ， 避 人 免 边 界 平 滑 
和 纹理 分 离 。 


16.5.2 ”模型 的 LOD 技 术 


另 一 个 减少 顶点 数目 的 方法 是 使 用 LOD (Level of Detail) 技术 。 
这 种 技术 的 原理 是 ， 当 一 个 物体 离 摄像 机 很 还 时 ， 模 型 上 的 很 多 细节 
是 无 法 被 察觉 到 的 。 因 此 ，LOD 人 允许 当 对 象 逐渐 远离 摄像 机 时 ， 诚 少 
模型 上 的 面 片 数量 ， 从 而 提高 性 能 。 


在 Unity 中 ， 我 们 可 以 使 用 LOD Group 组 件 来 为 一 个 物体 构建 一 个 
LOD 。 我 们 需要 为 同一 个 对 象 准 备 多 个 包含 不 同 细节 程度 的 模型 ， 然 
后 把 它们 赋 给 LOD Group 组 件 中 的 不 同等 级 ，Unity 束 会 目 动 判断 当前 
位 置 上 需要 使 用 哪个 等 级 的 模型 。 


16.5.3 “遮挡 剔除 技术 
我 们 最 后 要 介绍 的 顶点 优化 策略 就 是 遮挡 剔除 (Occlusion 


culling) 技术 。 氮 挡 吻 除 可 以 用 来 消除 那些 在 其 他 物件 后 面 看 不 到 的 
物件 ， 这 意味 着 货源 不 会 混 费 在 计算 那些 看 不 到 的 顶点 上 ， 进 而 提升 


我 们 需要 把 让 挡 剔 除 和 摄像 机 的 视 锥 体 吻 除 (Frustum Culling) 
区 分 开 来 。 视 锥 体 史 除 只 会 史 除 挥 那些 不 在 摄像 机 的 视野 范围 内 的 对 
象 ， 但 不 会 判断 视野 中 十 否 有 物体 被 其 他 物体 挡住 。 而 让 接吻 除 会 使 
用 一 个 虚拟 的 摄像 机 来 过 历 场景 ， 从 而 构建 一 个 潜在 可 见 的 对 象 集合 
的 层级 结构 。 在 运行 时 刻 ， 每 个 摄像 机 将 会 使 用 这 个 数据 来 识别 哪些 
物体 是 可 见 的， 而 哪些 被 其 他 物体 挡住 不 可 见 。 使 用 迟 挡 别 除 技术 ， 
不 仅 可 以 减少 处 理 的 顶点 数目 ， 还 可 以 减少 overdraw， 提 高 游戏 性 


分 已 
BE ° 


要 在 Unity 中 使 用 遮挡 剔除 技术 ， 我 们 需要 进行 一 系列 额外 的 处 理 
工作 。 具 体 步 又 可 以 参见 Unity 手 册 的 相关 内 容 


(http://docs.unity3d.com/Manual/OcclusionCulling.html ) ， 本 书 不 再 玖 


i 


述 。 


模型 的 LOD 技 术 和 拷 挡 剔除 技术 可 以 同时 减少 CPU 和 GPU 的 负 
荷 。CPU 可 以 提交 更 少 的 draw call， 而 GPU 需要 处 理 的 顶点 和 片 元 数 
目 也 减少 了 。 


16.6 ”减少 需要 处 理 的 片 元 数目 


男 一 个 造成 GPU 浇 贷 的 是 需要 处 理 过 多 的 片 元 。 这 部 分 优化 的 重 
点 在 于 减少 overdraw。 人 简单 来 说 ，overdraw 指 的 就 是 同一 个 像素 被 给 
制 了 多 次 。 


Unity 还 提供 了 查看 overdraw 的 视图 ， 我 们 可 以 在 Scene 视 图 左上 方 
的 下 拉 有 表单 中 选中 Overdraw 即 可 。 实 际 上 ， 这 里 的 视图 只 是 提供 了 
得 看 物体 相互 遮挡 的 层 数 ， 并 不 是 真正 的 最 终 屏 幕 绘制 的 overdraw。 
也 了 束 是 说 ， 可 以 理解 为 它 显 示 的 是 ， 如 果 没 有 使 用 任何 深度 测试 和 其 
他 优化 策略 时 的 overdraw。 这 种 视图 是 通过 把 所 有 对 象 都 渲染 成 一 个 
透明 的 轮廓 ， 通 过 查看 透明 颜色 的 累计 程度 ， 来 判断 物体 之 间 的 遮 
挡 。 当 然 ， 我 们 可 以 使 用 一 些 措施 来 防止 这 种 最 坏 情况 的 出 现 。 


16.6.1 ”控制 绘制 顺序 


为 了 最 大 限度 地 避免 overdraw， 一 个 重要 的 优化 策略 就 是 控制 绘 
制 顺 序 。 由 于 次 度 测 试 的 存在 ， 如 果 我 们 可 以 保证 物体 都 是 从 前 往 后 
绘制 的 ， 那 么 就 可 以 很 大 程度 上 减少 overdraw。 这 是 因为 ， 在 后 面 绘 
制 的 物体 由 于 无 法 通过 深度 测试 ， 因 此 ， 束 不 会 再 进行 后 面 的 渲染 处 
理 。 


在 Unity 中 ， 那 些 泻 染 队列 数目 小 于 2 500 
(如 “Background”“Geometry” 和 “AlphaTest”) 的 对 象 都 被 认为 是 不 透 
明 (opaque) 的 物体 ， 这 些 物体 总 体 上 是 从 前 往 后 绘制 的 ， 而 使 用 其 
他 的 队列 (如 “Transparent”Overlay” 等 ) 的 物体 ， 则 是 从 后 往 前 绘制 
的 。 这 意味 着 ， 我 们 可 以 尽 可 能 地 把 物体 的 队列 设置 为 不 透明 物体 的 
泻 染 队列 ， 而 尽量 避免 使 用 半 透 明 队列 。 


而 且 ， 我 们 还 可 以 充分 利用 Unity 的 演 染 队列 来 控制 绘制 顺序 。 例 
如 ， 在 第 一 人 称 射 击 游戏 中 ， 对 于 游戏 中 的 主要 人 物 角 色 来 说 ， 他 们 
使 用 的 shader 往 往 比 较 复杂 ， 但 是 ， 由 于 他 们 通常 会 挡住 屏幕 的 很 大 
一 部 分 区 域 ， 因 此 我 们 可 以 先 绘制 它们 (使 用 更 小 的 泻 染 队列 ) 。 而 
对 于 一 些 敌 方 角 色 ， 它 们 通常 会 出 现在 各 种 掩体 后 面 ， 因 此 ， 我 们 可 
以 在 所 有 常规 的 不 透明 物体 后 面 泻 染 它们 (使 用 更 大 的 渲染 队列 ) 。 


而 对 于 天 空 盒子 来 说 ， 它 几乎 履 盖 了 所 有 的 像素 ， 而 且 我 们 知道 它 永 
远 会 出 现在 所 有 物体 的 后 面 ， 因 此 ， 它 的 队列 可 以 设置 
为 “Geometry+1”°。 这 样 ， 就 可 以 保证 不 会 因为 它 而 造成 overdraw 。 


这 些 排序 的 思想 往往 可 以 节省 掉 很 多 演 染 时 间 。 
16.6.2 ”时 刻 警 惕 透明 物体 


对 于 半 透 明 对 象 来 说 ， 由 于 它们 没有 开局 深度 写 入 ， 因 此 ， 如 有 宁 
要 得 到 正确 的 演 染 效 末 ， 束 必须 从 后 往 前 泻 染 。 这 意味 着 ， 半 透明 物 
体 几 乎 一 定 会 造成 overdraw。 如果 我 们 不 注意 这 一 点 ， 在 一 些 机 器 上 
可 能 会 造成 挛 重 的 性 能 下 降 。 例 如 ， 对 于 GUI 对 象 来 说 ， 它 们 大 多 被 
设置 成 了 半 透 明 ， 如 有 果 屏 医 中 GUI 占据 的 比例 太 多 ， 而 主 摄像 机 又 没 
有 进行 调整 而 是 投影 整个 屏幕 ， 那 么 GUI 束 会 造成 大 量 overdraw 。 


因此 ， 如 果 场 景 中 包含 了 大 面积 的 半 透 明 对 象 ， 或 者 有 很 多 层 相 
互 履 盖 的 半 透 明 对 象 《即便 它们 每 个 的 面积 可 能 都 不 大 ) ， 或 者 是 透 
明 的 粒子 效果 ， 在 移动 设备 上 也 会 造成 大 量 的 overdraw。 这 是 应 该 尽 
量 避 免 的 。 


对 于 上 述 GUI 的 这 种 情况 ， 我 们 可 以 尽量 减少 窗口 中 GUI 所 占 的 
面积 。 如 果实 在 无 能 为 力 ， 我 们 可 以 把 GUI 的 绘制 和 三 维 场景 的 绘制 
交 给 不 同 的 摄像 机 ， 而 其 中 负责 三 维 场景 的 摄像 机 的 视角 范围 尽量 不 
要 和 GUI 的 相互 重 琶 。 当 然 ， 这 样 会 对 游戏 的 美观 度 产生 一 定 影响 ， 
因此 ， 我 们 可 以 在 代码 中 对 机 器 的 性 能 进行 判断 ， 例 如 ， 首 先 关闭 一 
些 耗费 性 能 的 功能 ， 如 果 发 现 这 个 机 器 表现 非常 良好 ， 再 尝试 开启 一 
些 特效 功能 。 


在 移动 平台 上 ， 透 明度 测试 也 会 影响 游戏 性 能 。 虽 然 透明 度 测 试 
没有 关闭 深度 写 入 ， 但 由 于 它 的 实现 使 用 了 discard 或 clip 控 作 ， 而 这 些 
操作 会 导致 一 些 硬件 的 优化 策略 失效 。 例 如 ， 我 们 之 前 讲 过 PowerVR 
使 用 的 基于 瓦 片 的 延迟 演 染 技术 ， 为 了 减少 overdraw 它 会 在 调用 片 元 
着色 器 前 束 判 断 哪些 瓦 片 被 真正 泻 染 的 。 但 是 ， 由 于 表 明 度 测试 在 厂 
元 着 色 侣 中 使 用 了 discard 范 数 改 变 了 片 元 是 否 会 被 演 染 的 结 采 ， 
此 ，GPU 就 无 法 使 用 上 述 的 优化 策略 了 。 也 就 是 说 ， 只 要 在 执行 了 所 
有 的 片 元 着 色 絮 后 ，GPU 才 知道 哪些 片 元 会 被 真正 渲染 到 屏幕 上 ， 这 


样 ， 原 移 那 些 可 以 减少 overdraw 的 优化 殴 都 无 效 了 。 这 种 时 候 ， 使 用 
透明 度 混 合 的 性 能 往往 比 使 用 透明 度 测 试 更 好 。 


16.6.3 ”减少 实时 光照 和 阴影 


实时 光照 对 于 移动 平台 是 一 种 非常 昂贵 的 操作 。 如 果 场 景 中 包含 
了 过 多 的 点 光源 ， 并 且 使 用 了 多 个 Pass 的 Shader， 那 么 很 有 可 能 会 造 
成 性 能 下 降 。 例 如 ， 一 个 场景 里 如 果 包 含 了 3 个 逐 像 素 的 点 光源 ， 而 且 
使 用 了 逐 像 素 的 Shader， 那 么 很 有 可 能 将 draw call 数 目 《CPU 的 瓶颈 ) 
提高 3 倍 ， 同 时 也 会 增加 overdraw 〈\GPU 的 瓶 横 ) 。 这 是 因为 ， 对 于 逐 
像素 的 光源 来 说 ， 被 这 些 光源 照 况 的 物体 需要 被 再 泻 染 一 次 。 更 糟糕 
的 是 ， 无 论 是 静态 批 处 理 还 是 动态 批 处 理 ， 对 于 这 种 额外 的 处 理 逐 像 
素 光 源 的 Pass 都 无 法 进行 批 处 理 ， 也 就 是 说 ， 它 们 会 中 断 批 处 理 。 


当然 ， 游 戏 场景 还 是 需要 光照 才能 得 到 出 色 的 画面 效果 。 我 们 看 
到 很 多 成 功 的 移动 平台 的 游戏 ， 它 们 的 画面 效 采 看 起 来 好 像 包 售 了 很 
多 光源 ， 但 其 实 这 都 是 骄 人 的 。 这 些 游 戏 往往 使 用 了 烘焙 技术 ， 把 光 
照 提 前 烘焙 到 一 张 光照 纹理 (lightmap) 中 ， 然 后 在 运行 时 刻 只 需要 
根据 纹理 采样 得 到 光照 结果 即 可 。 另 一 个 模拟 光源 的 方法 是 使 用 God 
Ray。 场景 中 很 多 小 型 光源 的 效 霖 都 是 靠 这 种 方法 模拟 的 。 它 们 一 般 
并 不 是 真 的 光源 ， 很 多 情况 是 通过 透明 纹理 模拟 得 到 的 。 更 多 信息 可 
以 参见 本 章 的 扩展 阅读 部 分 。 在 移动 平台 上 ， 一 个 物体 使 用 的 逐 像素 
光源 数目 应 该 小 于 1 (不 包括 平行 光 ) 。 如 果 一 定 要 使 用 更 多 的 实时 
光 ， 可 以 选择 用 逐 顶 点 光照 来 代替 。 


在 游戏 《ShadowGun》 中 ， 游 戏 角色 看 起 来 使 用 了 非常 复杂 高 级 
的 光照 计算 ， 但 这 实际 上 是 优化 后 的 结果 。 开 发 者 们 把 复杂 的 光照 计 
算 存 储 到 一 张 查找 纹理 〈lookup texture， 也 被 称 为 查找 表 ，lookup 
table，LUT) 中 。 然 后 在 运行 时 刻 ， 我 们 只 需要 使 用 光源 方向 、 视 角 
方向 、 法 线 方 向 等 参数 ， 对 LUT 采 样 得 到 光照 结果 即 可 。 使 用 这 样 的 
得 找 纹理 ， 不 仅 可 以 让 我 们 使 用 更 出 色 的 光照 模型 ， 例 如 ， 更 加 复杂 
的 BRDF 模 型 ， 还 可 以 利用 查找 纹理 的 大 小 来 进一步 优化 性 能 ， 例 
如 ， 主 要 角色 可 以 使 用 更 大 分 辨 率 的 LUT， 而 一 些 NPC 束 使 用 较 小 的 
LUT。《ShadowGun》 的 开发 者 开发 了 一 个 LUT 烘 焙 工具 ， 来 帮助 美 
工人 员 快 速 调整 光照 模型 ， 并 把 结果 存储 到 LUT 中 。 


实时 阴影 同样 是 一 个 非常 消耗 性 能 的 效果 。 不 仅 是 CPU 需要 提交 
更 多 的 draw call，GPU 也 需要 进行 更 多 的 处 理 。 因 此 ， 我 们 应 该 尽量 
减少 实时 阴影 ， 例 如 ， 使 用 烘焙 把 静态 物体 的 阴影 信息 存储 到 光照 纹 
理 中 ， 而 只 对 场景 中 的 动态 物体 使 用 适当 的 实时 阴影 。 


16.7 ”节省 带宽 


大 量 使 用 未 经 压缩 的 纹理 以 及 使 用 过 大 的 分 辨 率 都 会 造成 由 于 市 
宽 而 引发 的 性 能 瓶 领 。 


16.7.1 ”减少 纹理 大 小 


之 前 提 到 过 ， 使 用 纹理 图 集 可 以 帮助 我 们 减少 draw call 的 数目 ， 
而 这 些 纹理 的 大 小 同样 是 一 个 需要 考虑 的 问题 。 需 要 注意 的 是 ， 所 有 
纹理 的 长 宽 比 最 好 是 正方 形 ， 而 且 长 宽 值 最 好 是 2 的 整数 硕 。 这 是 因为 
有 很 多 优化 策略 只 有 在 这 种 时 候 才 可 以 发 挥 最 大 效用 。 在 Unity 5 中 ， 
即便 我 们 导入 的 纹理 长 宽 值 并 不 是 2 的 整数 大 ，Unity 也 会 自动 把 长 帘 
转换 到 离 它 最 近 的 2 的 整数 升值 。 但 我 们 仍然 应 该 在 制作 美术 资源 时 就 
把 这 条 规则 谨 记 在 心 ， 防 止 由 于 放 缩 而 造成 不 好 的 影 啊 。 


除 此 之 外 ， 我 们 还 应 该 尽 可 能 使 用 多 级 渐 远 纹理 技术 

(mipmapping) 和 纹理 压缩 。 在 Unity 中 ， 我 们 可 以 通过 纹理 导入 面板 
来 查看 纹理 的 各 个 导入 属性 。 通 过 把 纹理 类 型 设置 为 Advanced ， 束 可 
以 自 定义 许多 选项 ， 例 如 ， 是 否 生 成 多 级 渐 远 纹理 (mipmaps) ， 如 
图 16.12 所 示 。 当 人 勾 选 了 Generate Mip Maps 选项 后 ，Unity 就 会 为 同一 
张 纹 理 创 建 出 很 多 不 同 大 小 的 小 纹理 ， 构 成 一 个 纹理 金字 塔 。 而 在 游 
戏 运 行 中 束 可 以 根据 距离 物体 的 远近 ， 来 动态 选择 使 用 哪 一 个 纹理 。 
这 是 因为 ， 在 距离 物体 很 远 的 时 候 ， 就 算 我 们 使 用 了 非常 精细 的 纹 
理 ， 但 肉眼 也 是 分 辨 不 出 来 的 。 这 种 时 候 ， 我 们 完全 可 以 使 用 更 小 、 
更 模糊 的 纹理 来 代替 ， 这 可 以 让 GPU 使 用 分 辨 率 更 小 的 纹理 ， 大 量 节 
省 访问 的 像素 数目 。 在 某 些 设备 上 ， 关 闭 多 级 渐 远 纹理 往往 会 造成 严 
重 的 性 能 问题 。 因 此 ， 除 非 我 们 确定 该 纹理 不 会 发 生 缩 用， 例如 GUI 
和 和 2D 游戏 中 使 用 的 纹理 等 ， 都 应 该 为 纹理 生成 相应 的 多 级 渐 远 纹理 。 
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Fixup Edge Seams | | 
Read/Write Enabled  [] 
Import Type 

Alpha from GraysciL | 

Alpha ls Transpare [| 

Bypass sRGB Sampl[ | 

Encode as RGBM 

sprite Mode 
Generate Mip Maps [Mi 

InLinear Space [DL] 

Border Mip Maps [|] 

Mip Map Filtering 

Fadeout Mip Maps [| 


Wrap Mode Repeat 委 
Filter Mode [enear | 
Aniso Level Sm y | 


Default 


Max Size 
Format 


SoX512 RGBA 16 bit 0-7 MB 


A 图 16.12 Unity 的 高 级 纹理 设置 面板 


纹理 压缩 同样 可 以 节省 带宽 。 但 对 于 像 Android 这 样 的 平台 ， 有 很 
多 不 同 架 构 的 GPU， 纹 理 压 缩 就 变 得 有 点 复杂 ， 因 为 不 同 的 GPU 架构 
有 它 自己 的 纹理 压缩 格式 ， 例 如 ，PowerVRAM 的 PVRTC 格 式 、Tegra 
的 DXT 格 式 、Adreno 的 ATC 格 式 。 所 垩 的 是 ，Unity 可 以 根据 不 同 的 设 
备 选 择 不 同 的 压缩 格式 ， 而 我 们 只 需要 把 纹理 压缩 格式 设置 为 目 动 压 
缩 即 可 。 但 是 ，GUI 类 型 的 纹理 同样 是 个 例外 ， 一 些 时 候 由 于 对 画 质 
的 要 求 ， 我 们 不 希望 对 这 些 纹理 进行 压缩 。 


16.7.2 ”利用 分 辨 率 缩放 


过 高 的 屏幕 分 辨 率 也 是 造成 性 能 下 降 的 原因 之 一 ， 尤 其 是 对 于 很 
多 低 端 手机 ， 除 了 分 辨 率 高 其 他 硬件 条 件 并 不 尽 如 人 意 ， 而 这 恰恰 是 
游戏 性 能 的 两 个 瓶颈 : 过 大 的 屏幕 分 辨 率 和 糟 料 的 GPU。 因 此 ， 我 们 
可 能 需要 对 于 特定 机 器 进行 分 辨 率 的 放 缩 。 当 然 ， 这 样 可 能 会 造成 游 
戏 效果 的 下 降 ， 但 性 能 和 画面 之 间 永 远 是 个 需要 权衡 的 话题 。 


在 Unity 中 设置 屏幕 分 辨 率 可 以 直接 调用 Screen.SetResolution。 实 
际 使 用 中 可 能 会 遇 到 一 些 情况 ， 雨 松 MOMO 有 一 篇 文章 
(http://www.xuanyusong.com/archives/3205 ) 详细 讲解 了 如 何 使 用 这 
种 技术 ， 读 者 可 参考 。 


16.8 ”减少 计算 复杂 度 


计算 复杂 度 同样 会 影响 游戏 的 浑 染 性 能 。 在 本 节 中 ， 我 们 会 介绍 
两 个 方面 的 技术 来 减少 计算 复杂 度 。 


16.8.1 Shader 的 LOD 技 术 


和 16.5.2 市 提 到 的 模型 的 LOD 技 术 类 似 ，Shader 的 LOD 技 术 可 以 挥 
制 使 用 的 Shader 等 级 。 它 的 原理 是 ， 只 有 Shader 的 LOD 值 小 于 某 个 设 
定 的 值 ， 这 个 Shader 才 会 被 使 用 ， 而 使 用 了 那些 超过 设 定 值 的 Shader 
的 物体 将 不 会 被 泻 染 。 


我 们 通常 会 在 SubShader 中 使 用 类 似 下 面 的 语句 来 指明 该 shader 的 
LOD 值 : 


SubShader { 
Tags { "RenderType"="Opaque" } 


LOD 200 


我 们 也 可 以 在 Unity Shader 的 导入 面板 上 看 到 该 Shader 使 用 的 LOD 
值 。 在 默认 情况 下 ， 人 允许 的 LOD 等 级 是 无 限 大 的 。 这 意味 着 ， 任 何 被 
当前 显卡 文 持 的 Shader 都 可 以 被 使 用 。 但 是 ， 在 某 些 情况 下 我 们 可 能 
需要 去 挥 一 些 使 用 了 复杂 计算 的 Shader 泻 染 。 这 时 ， 我 们 可 以 使 用 
ShadermaximumLOD 或 Shader.globalMaximumLOD 来 设置 允许 的 最 大 
LOD 值 。 


Unity 内 置 的 Shader 使 用 了 不 同 的 LOD 值 ， 例 如 ，Diffuse 的 LOD 为 
200， 而 Bumped Specular 的 LOD 为 400。 


16.8.2 代码 方面 的 优化 


在 实现 游戏 效果 时 ， 我 们 可 以 选择 在 哪里 进行 菜 些 特定 的 运算 。 
通常 来 讲 ， 游 戏 需要 计算 的 对 象 、 顶 点 和 像素 的 数目 排序 是 对 象 数 < 
顶点 数 < 像素 数 。 因 此 ， 我 们 应 该 尽 可 能 地 把 计算 放 在 每 个 对 象 或 逐 


顶 氮 上“。 例 如 ， 在 第 13 章 实现 高 斯 模糊 和 边缘 检测 时 ， 我 们 把 采样 坐 
ee 这 样 的 做 法 远 好 于 把 它们 放 在 片 元 着 
评 中 。 


而 在 具体 的 代码 编写 上 ， 不 同 的 硬件 甚至 需要 不 同 的 处 理 。 
此 ,一 些 普遍 的 规则 在 某 些 硬件 上 可 能 并 不 成 立 。 更 不 洱 的 是 ， 通 常 
Shader 代 码 的 优化 并 不 那么 直观 ， 尤 其 是 一 些 平台 上 缺少 相关 的 分 析 
郁 ， 例 如 iOS 平 台 。 尽 管 如 此 ， 在 本 世 我 们 还 是 会 给 出 一 些 被 认为 是 
普通 成 立 的 优化 策略 ， 但 读者 如 采 发 现在 某 些 设备 上 性 能 反而 有 所 下 
降 的 话 ， 这 并 不 奇怪 。 


首先 第 一 点 是 ， 尽 可 能 使 用 低 精 度 的 浮 点 值 进 行 运算 。 最 高 精度 
的 floathighp 适 用 于 存储 诸如 顶点 坐标 等 变量 ， 但 它 的 计算 速度 是 最 慢 
的 ， 我 们 应 该 尽量 避免 在 片 元 着 色 需 中 使 用 这 种 精度 进行 计算 。 而 
half/mediump 适 用 于 一 些 标量 、 纹 理 坐 标 等 变量 ， 它 的 计算 速度 大 约 
是 float 的 两 倍 。 而 fixed/lowp 适 用 于 绝 大 多 数 颜 色 变 量 和 归 一 化 后 的 方 
器 矢量 ， 在 进行 一 些 对 精度 要 求 不 高 的 计算 上 时， 我 们 应 该 尽量 使 用 这 
种 精度 的 变量 。 它 的 计算 速度 大 约 是 float 的 4 倍 ， 但 要 避免 对 这 些 低 精 
度 变 量 进行 频繁 的 swizzle 操 作 (如 color.xwxw) 。 还 需要 注意 的 是 ， 
我 们 应 当 尽 量 避 人 免 在 不 同 精度 之 间 的 转换 ， 这 有 可 能 会 造成 一 定 的 性 


对 于 绝 大 多 数 GPU 来 说 ， 在 使 用 插值 寄存 侣 把 数据 从 顶点 着 色 比 
传递 给 下 一 个 阶段 时 ， 我 们 应 该 使 用 尽 可 能 少 的 插值 变量 。 例 如 ， 如 
果 需 要 对 两 个 纹理 坐标 进行 插值 ， 我 们 通常 会 把 它们 打包 在 同一 个 
float4 类 型 的 变量 中 ， 两 个 纹理 坐标 分 别 对 应 了 xy 分 量 和 zw 分 量 。 然 
而 ， 对 于 PowerVR 平 台 来 说 ， 这 种 插值 变量 是 非常 廉价 的 ， 直 接 把 不 
同 的 纹理 坐标 存储 在 不 同 的 插值 变量 中 ， 有 时 反而 性 能 更 好 。 尤 其 
是 ， 如 果 在 PowerVR 上 使 用 类 似 tex2D(_MainTex, uv.zw) 这 样 的 语句 来 
进行 纹理 采样 ，GPU 殉 无 法 进行 一 些 纹理 的 预 读 取 ， 因 为 它 会 认为 这 
些 纹理 采样 是 需要 依赖 其 他 数据 的 。 因 此 ， 如 果 我 们 特别 天 心 游戏 在 
PowerVR 上 的 性 能 ， 台 不 应 该 把 两 个 纹理 坐标 打包 在 同一 个 四 维 变量 
中 o 


尽 可 能 不 要 使 用 全 屏 的 屏幕 后 处 理 效果 。 如 果 美 术 风格 实在 是 需 
要 使 用 类 似 Bloom、 热 扰动 这 样 的 屏幕 特效 ， 我 们 应 该 尽量 使 用 


fixed/lowp 进 行 低 精度 运算 (纹理 坐标 除外 ， 可 以 使 用 

half/mediump) 。 那 些 高 精度 的 运算 可 以 使 用 查找 表 (LUT) 或 者 转 
移 到 顶点 着 色 器 中 进行 处 理 。 除 此 之 外 ， 尽 量 把 多 个 特效 合并 到 一 个 
Shader 中 。 例 如 ， 我 们 可 以 把 颜色 校正 和 添加 噪声 等 屏幕 特效 在 Bloom 
特效 的 最 后 一 个 Pass 中 进行 合成 。 还 有 一 个 方法 就 是 使 用 16.8.3 节 中 介 
绍 的 缩放 思想 ， 来 选择 性 地 开启 特效 。 


还 有 一 些 读 者 经 前 会 听 到 的 代码 优化 规则 。 


。 尺 可 能 不 要 使 用 分 文 语句 和 循环 语句 。 

。 尽 可 能 避免 使 用 类 似 sin、tan、pow、1og 等 较为 复杂 的 数学 运算 。 
我 们 可 以 使 用 查找 表 来 作为 奉 代 。 

。 尺 可 能 不 要 使 用 discard 操 作 ， 因 为 这 会 影响 硬件 的 某 些 优化 。 


16.8.3 ”根据 硬件 条 件 进行 缩放 


诸如 iOS 和 Android 这 样 的 移动 平台 ， 不 同 设备 之 间 的 性 能 千 莽 万 
别 。 我 们 很 容易 可 以 找到 一 台 手 机 的 演 染 性 能 是 为 一 台 手 机 的 10 倍 。 
那么 ， 如 何 确 保 游 戏 可 以 同时 流畅 地 运行 在 不 同性 能 的 移动 设备 上 
呢 ? 一 个 非常 简单 且 实 用 的 方式 是 使 用 所 谓 的 放 缩 (scaling) 思想 。 
我 们 首先 保证 游戏 最 基本 的 配置 可 以 在 所 有 的 平台 上 运行 民 好 ， 而 对 
于 一 些 具 有 更 高 表现 能 力 的 设备 ， 我 们 可 以 开局 一 些 更 “养眼 ”的 效 
洒 ， 比 如 例 用 更 丙 的 分 辩 率 ， 开 局 型 咒 户 处 理 特效 ， 开 局 油 于 效 采 


16.9 ”扩展 阅读 
Unity 官 方 手册 的 移动 平台 优化 实践 指南 


(http://docs.unity3d.com/Manual/MobileOptimization 
PracticalGuide.html ) 一 文 给 出 了 一 些 针 对 移动 平台 的 优化 技术 ， 包 括 
泻 染 和 图 形 方面 的 优化 ， 以 及 脚本 优化 等 。 手 册 中 男 一 个 针对 图 像 性 
能 优化 的 文档 是 优化 图 像 性 能 (http://docs.unity3d.com/ 
Manual/OptimizingGraphicsPerformance.html ) 一 文 ， 在 这 个 文档 中 ， 
Unity 给 出 了 第 见 的 性 能 瓶颈 以 及 一 些 相 应 的 优化 技术 。 除 此 之 外 ,， 文 
档 列 出 了 一 个 清单 ， 包 含 了 优化 游戏 性 能 的 常见 做 法 和 约束 。 


在 SIGGRAPH 2011 上 ，Unity 进 行 了 一 个 关于 移动 平台 上 Shader 优 
化 的 演讲 (http://blogs. unity3d.com/2011/08/18/fast-mobile-shaders-talk- 
at-siggraph/ ) 。 在 这 个 演讲 中 ， 作 者 给 出 了 各 个 主流 移动 GPU 的 以 构 
特点 ， 并 给 出 了 相应 的 shader 优 化 细节 ， 还 结合 了 真实 的 Unity 游 戏 项 
日 来 进行 实例 学 习 。 在 Unite 2013 会 议 上 ，Unity 呈 现 了 一 个 名 为 针对 
移动 平台 优化 Unity 游戏 的 演讲 ， 在 这 个 简短 的 演讲 中 ， 作 者 对 造成 
性 能 瓶颈 的 原因 进行 了 分 类 ， 并 给 出 了 一 些 常 见 的 优化 技术 。 在 GDC 
2014 上 ，Unity 展 示 了 如 何 使 用 内 置 的 分 析 器 分 析 移动 平台 的 游戏 性 
能 ， 读 者 可 以 在 Youtube 上 找到 相应 的 视频 。 在 最 近 的 SIGGRAPH 
2015 会 议 上 ，Unity 进 行 了 一 系列 演讲 和 课程 。 在 Unity 和 来 自 高 通 、 
ARM 等 公司 的 开发 人 员 共 同 呈现 的 名 为 Moving Mobile Graphics 的 课 
程 中 ， 来 自 Unity 的 Renaldas Zioma 讲 解 了 移动 平台 上 PBR 的 优化 技 
术 。 更 多 Unity 在 SIGGRAPH 2015 上 的 演讲 ， 读 者 可 以 参见 Unity 的 博 
客 o 


除了 手册 和 演讲 资料 外 ， 成 功 的 移动 平台 中 的 游戏 同样 是 非常 好 
的 学 习 资 料 。《ShadowGun》 是 由 MadFinger 在 2011 年 发 布 的 一 球 移 动 
平台 的 第 三 人 称 射 击 游戏 ， 使 用 的 开发 工具 正 是 Unity。 在 Unite 2011 
上 ， 该 游戏 的 开发 者 给 出 了 《ShadowGun》 中 使 用 的 泻 染 和 优化 技 
术 ， 读 者 可 以 在 Youtube 上 面 找 到 这 个 视频 。 更 难能可贵 的 是 ， 在 2012 
年 ，《ShadowGun》 的 开发 者 放出 了 示例 场景 ， 来 让 更 多 的 开发 者 学 
习 如 何 优 化 移动 平台 上 的 shader。 男 一 个 非常 好 的 游戏 优化 实例 是 


Unity 目 这 的 项 目 《Angry Bots》， 读 者 可 以 直接 在 Unity 资 源 商店 下 载 
到 完整 的 项 目 源 代码 。 


第 5 篇 ”扩展 篇 

扩展 篇 旨 在 进一步 扩展 读者 的 视野 。 本 篇 将 会 介绍 Unity 的 表面 着 
色 器 的 实现 机 制 ， 并 介绍 基于 物理 泻 染 的 相关 内 容 。 最 后 ， 我 们 给 出 
了 更 多 的 关于 学 习 泻 染 的 资料 。 

第 17 章 Unity 的 表面 着 色 器 探秘 


本 章 将 会 介绍 这 些 表面 着 色 器 是 如 何 实现 的 ， 以 及 我 们 如 何 使 用 
这 些 表面 着 色 器 来 实现 泻 染 。 


第 18 章 基于 物理 的 演 染 


这 一 章 将 介绍 基于 物理 深 染 的 理论 基础 ， 并 解释 Unity 是 如 何 实现 
基于 物理 演 染 的 。 


第 19 章 Unity 5 更 新 了 什么 


本 章 将 给 出 Unity 5 中 一 些 重 要 的 更 新 ， 来 帮助 读者 解决 在 升级 
Unity 5 时 所 面 对 的 各 种 问题 。 


第 20 章 还 有 更 多 内 容 吗 


在 最 后 一 革 中 ， 我 们 将 给 出 许多 非 冀 有 价值 的 学 习 资 料 ， 来 帮助 
读者 进行 更 深入 的 学 习 。 


第 17 章 ”Unity 的 表面 着 色 器 探秘 


在 2009 年 的 时 候 (当时 Unity 的 版 本 是 2.x) ，Unity 的 泻 染 工程 师 
Aras 《就 是 经 常 活跃 在 论坛 和 各 种 会 议 上 的 ， 大 名 罗 电 的 Aras 
Pranckevitius) 连续 发 表 了 3 篇 名 为 《Shaders must die》 的 博客 。 在 这 
些 博 客 里 ，Aras 认 为 ， 把 渲染 流程 分 为 顶点 和 像素 的 抽象 层面 是 错误 
的 ， 是 一 种 不 易 理 解 的 抽象 。 目 前 ， 这 种 在 顶点 /几何 /请 元 着 色 髓 上 
的 操作 是 对 硬件 友好 的 一 种 方式 ， 但 不 符合 我 们 人 类 的 思考 方式 。 相 
反 ， 他 认为 ， 应 该 划分 成 表面 着 色 器 、 光 照 模 型 和 光照 着 色 事 这 样 的 
层面 。 其 中 ， 表 面 着 色 髓 定义 了 模型 表面 的 反射 率 、 法 线 和 高 光 等 ， 
光照 模型 则 选择 是 使 用 兰 伯 特 还 是 Blinn-Phong 等 模型 。 而 光照 着 色 器 
负责 计算 光照 豪 减 、 阴 影 等 。 这 样 ， 绝 大 部 分 时 间 我 们 只 需要 和 表面 
着 色 器 打交道 ， 例 如 ， 混 合 纹 理 和 颜色 和 等。 光照 模 型 可 以 是 提前 定义 
好 的 ， 我 们 只 需要 选择 哪 种 预定 义 的 光照 模型 即 可 。 而 光照 着 色 凡 一 
旦 由 系统 实现 后 ， 更 不 会 被 轻易 改动 ， 从 而 大 大 减轻 了 Shader 编 写 者 
的 工作 量 。 有 了 这 样 的 想法 ，Aras 在 随后 的 文章 中 开始 尝试 把 表面 着 
色 器 整合 到 Unity 中 。 最 终 ， 在 2010 年 的 Unity 3 中 ，Surface Shader 被 
加 入 到 Unity 的 大 家 族 中 了 。 


虽然 Unity 换 了 一 个 新 的 “马甲 "， 但 表面 着 色 器 (Surface 

Shader) 实际 上 就 是 在 顶点 / 片 元 着 色 器 之 上 又 添加 了 一 层 抽 象 。 按 
Aras 的 话 来 解释 束 是 ， 顶 点 / 儿 何 / 片 元 着 色 絮 是 硬件 能 “理解 ”的 渲染 方 
式 ， 而 开发 者 应 该 使 用 一 种 更 容易 理解 的 方式 。 很 多 时 候 ， 使 用 表面 
着 色 絮 ， 我 们 只 需要 告诉 Shader: “ 哩 ， 使 用 这 些 纹理 去 填充 颜色 ， 使 
用 这 个 法 线 纹理 去 填充 表面 法 线 ， 使 用 兰 伯 特 光照 模型 ， 其 他 的 就 不 
要 来 烦 我 了 1! ”我 们 不 需要 考虑 是 使 用 前 问 泻 染 路 径 还 是 延迟 泻 染 路 
径 ， 场 景 中 有 和 多少 光源 ， 它 们 的 类 型 是 什么 ， 怎 样 处 理 这 些 光源 ， 
个 Pass 需 要 处 理 多 少 个 光源 等 问题 ( 正 是 因为 有 这 些 事情 ， 人 们 总 会 
抱 奶 写 一 个 Shader 是 多 么 的 麻烦 .……. ) 。 这 时 ，Unity 说 : “不 要 急 ， 我 
> 


那么 ， 表 面 着 色 凑 到 展 长 什么 样 呢 ? 它们 又 是 如 何 工作 的 呢 ? 这 
正 是 本 章 要 学 习 的 内 容 。 


17.1 ”表面 着 色 器 的 一 个 例子 


在 学 习 原 理 之 前 ， 我 们 首先 来 看 一 下 一 个 表面 着 色 咒 长 什么 样 
子 。 为 此 ， 我 们 需要 做 如 下 的 准备 工作 。 


(1) 在 Unity 中 新 创建 一 个 场景 。 在 本 书 资源 中 ， 该 场景 名 为 
Scene 17 1。 在 Unity 5.2 中 ， 默 认 情 况 下 场景 将 包含 一 个 摄像 机 和 一 
Mp 并 且 使 用 了 内 症 的 天 空 倪 于 ° 在 Window 一 Lighting 一 
Skybox 中 去 挥 场景 中 的 天 空 盒 


(2) 新 创建 一 个 材质 。 在 本 书 资源 中 ， 该 材质 名 为 
BumpedSpecularMat ° 


(3) 新 创建 一 个 Unity Shader。 在 本 书 资源 中 ， 该 Unity Shader 名 
为 Chapter17-BumpedDiffuse。 把 新 的 Unity Shader 赋 给 第 2 步 中 创建 的 


材质 。 


(4) 在 场景 中 创建 一 个 胶 宫 体 (capsule) ， 并 把 第 2 步 中 的 材质 
赋 给 该 胶 宫 体 。 


(5) 保存 场景 。 


我 们 将 使 用 表面 着 色 需 来 实现 一 个 使 用 了 法 线 纹理 的 瘟 反 射 效 
果 。 这 可 以 参考 Unity 内 置 的 “Legacy Shaders/Bumped Diffuse” 的 代码 实 
砚 (可 以 在 官方 网 站 的 内 置 Shader 包 中 找到 ) 。 打 开 Chapter17- 
BumpedDiffuse， 删 除 原 有 的 代码 ， 把 下 面 的 代码 粘贴 进去 : 


Shader "Unity Shaders Book/Chapter 17/Bumped Diffuse" { 
Properties { 
_Color ("Main Color", Color) = (1,1,1,1) 
_MainTex ("Base (RGB)", 2D) = "white" {} 
_BumpMap ("Normalmap", 2D) = "bump" {} 


} 

SubShader { 
Tags { "RenderType"="Opaque" } 
LOD 300 


CGPROGRAM 
#pragma Surface Surf Lambert 
#pragma target 3.0 


sampler2D _MainTex; 
sampler2D _BumpMap; 
fixed4 _Color; 


struct Input { 
float2 uv_MainTex; 
float2 uv_BumpMap; 


}; 


void surf (Input IN, inout SurfaceOutput 0) { 
fixed4 tex = tex2D(_MainTex, IN.uv_MainTex); 
o.Albedo = tex.rgb * _Color.rgb; 
oOo.Alpha = tex.a * _Color.a; 
oOo.Normal = UnpackNormal(tex2D(_BumpMap，IN.uUv_BumpMap ) )| 


ENDCG 
} 


FallBack "Legacy Shaders/Diffuse" 


保存 程序 后 ， 返 回 Unity 中 碍 看。 在 BumpedDiffuseMat 的 面板 上 ， 
我 们 把 本 书 资 源 中 的 Assets/Textures/Chapter17/Mud_Diffuse.tif 和 
Assets/Textures/Chapter17/Mud_Normal.tif 分 别 拖 上 忠 到 _MainTex 和 
BumpMap 属 性 上 ， 就 可 以 得 到 类 似 图 17.1 中 左 图 的 结果 。 我 们 还 可 以 


向 场景 中 添加 一 些 点 光源 和 聚光灯 ， 并 改变 它们 的 颜色 ， 就 可 以 得 到 
类 似 图 17.1 中 右 图 的 结 采 。 注 意 ， 在 这 个 过 程 中 ， 我 们 不 需要 对 代码 
做 任何 改动 。 


4 图 17.1 表面 着 色 器 的 例子 左边 ， 在 一 个 平行 光 下 的 效果 。 右 边 : 添加 了 一 个 点 光源 〈 蓝 
色 ) 和 一 个 聚光灯 (紫色 ) 后 的 效果 


从 上 面 的 例子 可 以 看 出 ， 相 比 之 前 所 学 的 顶点 / 片 元 着 色 器 技术 ， 
表面 着 色 器 的 代码 量 很 少 (只 需要 三 十 多 行 ) ， 如 果 我 们 使 用 顶点 / 厂 
元 着 色 器 来 实现 上 述 的 功能 ， 大 概 需 要 150 多 行 代 码 (参考 本 书 资源 中 
的 “Unity Shaders Book/Common/Bumped Diffuse”) ! 而 且 ， 我 们 可 以 
非常 轻松 地 实现 常见 的 光照 模型 ， 甚 至 不 需要 和 任何 光照 变量 打 交 
道 ，Unity 残 帮 有 我 们 处 理 好 了 每 个 光源 的 光照 结果 。 


读者 可 以 在 Unity 官 方 手册 的 表面 着 色 器 的 例子 一 文 
(http://docs.unity3d.com/Manual/SL- SurfaceShaderExamples.html ) 中 
。 下面， 我 们 将 具体 学 习 表 面 着 色 器 的 特点 和 工 
乍 原 理 。 


和 顶点 / 片 元 着 色 器 需要 包含 到 一 个 特定 的 Pass 块 中 不 同 ， 表 面 着 
色 器 的 CG 代码 是 直接 而 且 也 必须 写 在 SubShader 块 中 ，Unity 会 在 背后 
为 我 们 生成 多 个 Pass。 当 然 ， 可 以 在 SubShader 一 开始 处 使 用 Tags 来 设 
置 该 表面 着 色 絮 使 用 的 标签 。 在 Chapter17-BumpedDiffuse 中 ， 我 们 还 
使 用 LOD 命令 设置 了 该 表面 着 色 器 的 LOD 值 ( 详 见 16.8.1 节 ) 。 然 
后 ， 我 们 使 用 CGPROGRAM 和 ENDCG 定义 了 表面 着 色 器 的 具体 代 
码 。 


个 表面 着 色 器 中 最 重要 的 部 分 是 两 个 结构 体 以 及 它 的 编译 指令 
。 其中， 两 个 结构 体征 表面 着色 大 中 不 同 男 数 之 间 信 息 传 递 的 桥 桨 ， 
而 编译 指令 是 我 们 和 Unity 沟 通 的 重要 手段 。 


17.2 ”编译 指令 


我 们 首先 来 看 一 下 表面 着 色 器 的 编译 指令 。 编 译 指令 是 我 们 和 Unity 沟 通 的 重要 
方式 ， 通 过 它 可 以 告诉 Unity:“ 嘿 ， 用 这 个 表面 画 数 设置 表面 属性 ， 用 这 个 光照 模 型 
模拟 光照 ， 我 不 要 阴影 和 环境 光 ， 不 要 雾 效 ! ”只 需要 一 句 代码 ， 我 们 就 可 以 完成 这 
么 多 事情 ! 


编译 指令 最 重要 的 作用 是 指明 该 表面 着 色 器 使 用 的 表面 钞 数 和 光照 历数 ， 并 设 
置 一 些 可 选 参数 。 表 面 着 色 器 的 CG 块 中 的 第 一 句 代 码 往往 就 是 它 的 编译 指令 。 编 译 
站 令 的 一 般 格式 如 下 : 


#pragma surface surfaceFunction lightModel [optionalparams] 


其 中 ， 加 ragma surface 用 于 指明 该 编译 指令 是 用 于 定义 表面 着 色 器 的 ， 
后 面 需要 指明 使 用 的 表面 函数 (surfaceFunction) 和 光照 模型 (lightModel) ， 
时 ， 还 可 以 使 用 一 些 可 选 参数 来 控制 表面 着 色 器 的 一 些 行为 。 


17.2.1 表面 函数 


我 们 之 前 说 过 ， 表 面 着 色 器 的 优点 在 于 抽象 出 了 “表面 * 这 一 概念 。 与 之 前 过 到 
的 顶点 / 片 元 抽象 层 不 同 ， 一 个 对 象 的 表面 属性 定义 了 它 的 反射 率 、 光 滑 度 、 透 明度 
等 值 。 而 编译 指令 中 的 surfaceFunction 就 用 于 定义 这 些 表 面 属性 。surfaceFunction 通 

常 就 是 名 为 surf 的 函数 (函数 名 可 以 是 任意 的 )  ， 它 的 函数 格式 是 固定 的 : 


到 
慨 


void surf (Input IN, inout SurfaceOutput o0) 
void surf (Input IN, inout SurfaceOutputSstandard 0o) 


void surf (Input IN, inout SurfaceOutputSstandardSpecular 0) 


其 中 ， 后 两 个 是 Unity 5 中 由 于 引入 了 基于 物理 的 泻 染 而 新 添加 的 两 种 结构 体 。 
SurfaceOutput 、SurfaceOutputStandard 和 SurfaceOutputStandardSpecular 都 是 
Unity 内 置 的 结构 体 ， 它 们 需要 配合 不 同 的 光照 模型 使 用 ， 我 们 会 在 下 一 下 进 行 更 详 
细 地 解释 。 


在 表面 函数 中 ， 会 使 用 输入 结构 体 Input IN 来 设置 各 种 表面 属性 ， 并 把 这 些 属 
性 存储 在 输出 结构 体 SurfaceOutput、 SurfaceOutputStandard 或 
SurfaceOutputStandardSpecular 中 ， 再 传递 给 光照 范 数 计算 光照 结果 。 读 者 可 以 在 
Unity 手 册 中 的 表面 着 色 器 的 例子 一 文 (http://docs.unity3d.com/ Manual/SL- 
SurfaceShaderExamples.html ) 中 找到 更 多 的 示例 表面 函数 。 


17.2.2 ”光照 画 数 


除了 表 


面 函 数 ， 我 们 还 需 


要 指定 另 一 个 非常 重要 


数 会 使 用 表 


面 函 数 中 设置 的 各 种 表面 
面 的 光照 效果 。Unity 内 置 了 基 了 
(在 UnityPBSLighting.cginc 文 件 中 被 定义 ) 
数 Lambert 和 BlinnPhong (在 Lighting.cginc 文 件 中 被 定义 ) 
BumpedDiffuse 中 ， 我 们 就 指定 了 使 用 Lambert 光 照 玉 数 


可 属性 ， 


来 应 用 某 些 光照 模型 ， 


当然 ， 我 作 
于 前 向 泻 染 中 的 光照 钞 数 : 


于 不 依赖 视 


于 依赖 视 


的 光照 模型 ， 例 如 漫 反射 
Lighting<Name> (SurfaceOutput s, 


的 光照 模型 ， 例 如 高 光 反 射 


half4 Lighting<Name> (SurfaceOutput s, 


读者 可 以 在 Unity 手 册 的 表面 着 色 器 中 的 自 定义 光照 模型 一 文 
(http://docs.unity3d.com/ Manual/SL-SurfaceShaderLighting.html ) 中 找到 更 全 面 的 自 


定义 光照 模型 的 介 


绍 。 而 一 些 例子 可 以 参见 


物理 的 光 照 模型 攻 


] 也 可 以 定义 自己 的 光照 画 数 。 例 如 ， 可 


half3 lightDir, 


half3 lightDir, 


Le] 


档 展示 
党 用 的 光照 模型 。 


“了 如 何 使 用 表 


17.2.3 ”其 他 可 选 参数 


指明 目 定 义 的 项 


参数 和 设置 说 明 。 
。 目 


点 和 颜色 修改 函数 ， 
较 重 要 和 稍 用 的 参数 进行 更 深入 地 说 明 。 读 者 可 以 在 Unity 官 方 : 
器 一 文 (http://docs.unity3d.com/Manual/SL-SurfaceShaders.html ) 中 找到 更 加 认 


定义 的 修改 函数 。 除 了 表 


令 类 型 ， 


在 编译 指令 的 最 后 ， 我 们 还 可 以 设置 一 些 可 选 参数 ( 
选 参数 包含 了 很 多 非常 有 用 的 指 


的 函数 一 一 光照 画 数 。 


光照 函 


。 例如， 


进而 模拟 物体 表 


数 Standard 和 StandardSpecular 
， 以 及 简单 的 非 基 于 物理 的 光照 模型 函 


在 Chapter17- 


以 使 用 下 面 的 函数 来 定义 用 


half3 viewDir, 


(optionalparams) 


half atten); 


half atten)|' 


手册 中 的 表面 着 色 器 的 光照 例子 一 文 
(http://docs.unity3d.com/Manual/SL-SurfaceShader LightingExamples.html ) ， 


面 着 色 器 来 自 定义 常见 的 漫 反射 、 高 光 反 射 


这 篇 文 
光照 纹理 等 


基 了 


o 这 些 可 


例如 ， 人 混合 /透明 度 测试 ， 


控制 生成 的 代码 等 。 


面 函 数 和 光照 模型 外 ， 表 


面 着 


色 锋 还 


下 面 ， 我 们 选取 了 一 些 比 
吉方 手册 的 编写 表面 着 色 


细 的 


可 以 支持 其 他 


两 种 自 定义 的 函数 : 顶点 修改 本 数 《vertex:VertexFunction) 和 最 后 的 颜色 修 


改 函 数 (finalcolor:ColorFEunction ) 
例如， 把 项 
动画 等 。 最 后 的 颜 


属性 ， 


页 点 颜色 传递 给 表 


员 色 修改 函数 则 有 可 


值 ， 例 如 实现 自 
。 阴 影 。 我 人 
数 会 为 表 


定义 的 筋 效 等 。 
] 可 以 通过 一 些 指 


到 深度 和 阴影 纹理 中 ( 详 见 9.4 节 ) 


以 在 颜 


。 顶 
面 函 数 ， 


或 是 修改 顶 


点 修改 函数 允许 我 们 目 定 义 一 些 顶 ， 
人 实现 某 些 顶 点 


站 各 


色 绘 制 到 屏幕 前 ， 


令 来 控制 和 阴 景 


。 但 对 于 一 些 进行 了 项， 


最 后 


一 次 修改 颜色 


尺码 。 例 如 ，addshadow 参 
面 着 色 器 生成 一 个 阴影 投射 的 Pass。 通 名 情况 下 ，Unity 可 以 直接 在 
FallBack 中 找到 通用 的 光照 模式 为 ShadowCaster 的 Pass， 


从 而 将 物 
点 动画 


在 玫 


的 物体 ， 我 们 就 需要 对 阴影 的 投射 进行 特殊 处 理 ， 来 为 它们 产生 正确 的 阴影 ， 
正如 我 们 在 11.3.3 节 中 看 到 的 一 人 。 fullforwardshadows 参数 则 可 以 在 前 向 演 染 


路 径 中 文 持 所 有 光源 类 型 的 阴影 。 默 认 情况 下 ，Unity 只 支持 最 重要 的 平行 光 的 


阴影 效果 。 


如 采 我 们 需要 让 点 光源 或 聚光灯 在 前 回 演 染 中 也 可 以 有 阴影 ， 束 可 


了》 全 


以 添加 这 个 参数 。 相 反 地 ， 如 过 我 们 人 想到 信用 这 个 She 的 体 二 全体 E 何 阴影 
计算 ， 就 可 以 使 用 noshadow 参数 来 禁用 阴影 


透明 度 混 合 


和 透明 度 测试 。 * 我 们 可 以 通过 alpha 和 alphatest 指令 来 控制 透明 度 混 


合 和 透明 度 测 试 。 例 如 ，alphatest:VariableName 指令 会 使 用 名 为 VariableName 
的 变量 来 剔除 不 满足 条 件 的 族 元 。 此 时 ， 我 们 可 能 还 需要 使 用 上 面 提 到 的 
addshadow 参数 来 生成 正确 的 阴影 投射 的 Pass。 

光照 。 一 些 指令 可 以 控制 光照 对 物体 的 影响 ， 例 如 ，mnoambient 参数 会 
Unity 不 要 应 用 任何 环境 光照 或 光照 探 针 (light probe) 。novertexlights 元 且 和 


诉 Unity 不 要 


应 用 任何 逐 顶 点 光照 。noforwardadd 会 去 掉 所 有 前 向 泻 染 中 的 额外 


的 Pass。 也 就 是 说 ， 这 个 Shader 只 会 文 持 一 个 逐 像 素 的 平行 光 ， 而 其 他 的 光源 会 
按照 逐 顶 点 或 SH 的 方法 来 计算 光照 影响 。 这 个 参数 通常 会 用 于 移动 平台 版 本 的 


表面 着 台 吕 中 。 还 有 一 些 用 于 控制 光照 烘焙 、 筋 效 模 拟 的 参数 ， 如 nolightmap 
、nofog 等 。 
控制 代码 的 生成 。 一 些 指令 还 可 以 控制 由 表面 着 色 融 和 目 动 生成 的 代码 ， 黑 认 情 


况 下 ，Unity 会 为 一 个 表面 着 色 器 生成 相应 的 前 问 泻 染 路 人 径 、 延 迟 泻 染 路 径 使 用 
的 Pass， 这 会 导致 生成 的 Shader 文 件 比较 大 。 如 果 我 们 确定 该 表面 着 色 器 只 会 在 
某 些 演 染 路 径 


中 使 用 ， 束 可 以 exclude_path: sa exclude_path:forward 和 


exclude_path:prepass 来 告诉 Unity 不 需要 为 菜 些 演 染 路 径 生 成 代码 。 


从 上 述 可 以 看 出 ， 表 面 着 色 器 文 持 的 编译 指令 参数 很 多 ， 为 我 们 编写 表面 着 色 
器 提供 了 很 大 的 方便 。 之 前 在 顶点 / 片 元 着 色 器 中 需要 耗费 大 量 代码 来 完成 的 工作 ， 


面 着 色 器 中 可 能 只 需要 一 个 参数 束 可 以 了 。 当 然 ， 相 比 本 顶 品 / 片 元 着 凶 路 ， 表 


面 着 色 器 1 


岂 有 它 自 身 的 限制 ， 我 们 会 在 17.6 节 中 对 比 它们 的 优 缺 ， 


站 多 


17.3 ”两 个 结构 体 


在 上 一 节 我 们 已 经 讲 过 ， 表 面 着 色 器 文 持 最 多 目 定 义 4 种 关键 的 函 
数 ， 表面 函数 (用 于 设置 各 种 表面 性 质 ， 如 反射 率 、 法 线 等 ，， 光 照 
函数 (定义 表面 使 用 的 光照 模型 ，， 顶 点 修改 函数 (修改 或 传递 顶点 
属性 ) ， 最 后 的 颜色 修改 函数 (对 最 后 的 颜色 进行 修改 。 那 么 ， 这 
些 函 数 之 间 的 信息 传递 是 怎么 实现 的 呢 ? 例如， 我 们 想 把 项 点 闫 色 传 
递 给 表面 丽 数 ， 添 加 到 表面 反射 率 的 计算 中 ， 要 怎么 做 呢 ? 这 天 是 两 
个 结构 体 的 工作 。 


个 表面 着 色 需 需要 使 用 两 个 结构 体 : 表面 函数 的 输入 结构 体 
Input ， 以 及 存储 了 表面 属性 的 结构 体 SurfaceOutput (Unity 5 新 引入 
了 另外 两 个 同 种 的 结构 体 SurfaceOutputStandard 和 
SurfaceOutputStandardSpecular ) 。 


17.3.1 ”数据 来 源 : Input 结 构 体 


Input 结构 体 包 含 了 许多 表面 属性 的 数据 来 源 ， 因 此 ， 它 会 作为 
表面 函数 的 输入 结构 体 (如 果 自 定义 了 顶点 修改 函数 ， 它 还 会 是 顶点 
修改 函数 的 输出 结构 体 ) 。Input 支 持 很 多 内 置 的 变量 名 ， 通 过 这 些 变 
量 名 ， 我 们 告诉 Unity 需 要 使 用 的 数据 信息 。 例 如 ， 在 Chapter17- 
BumpedDiffuse 中 ，Input 结 构 体 中 包含 了 主 纹理 和 法 线 纹理 的 采样 坐标 
uv_MainTex 和 uv_BumpMap。 这 些 采 样 坐标 必须 以 “uv” 为 前 级 (实际 
上 也 可 用 “uv2” 为 前 级 ， 表 明 使 用 次 纹理 坐标 集合 ， 后 面 紧 跟 纹 理 名 
称 。 以 主 纹理 _MainTex 为 例 ， 如 有 果 需 要 使 用 它 的 采样 坐标 ， 束 需要 在 
Input 结 构 体 中 声明 float2 uv_MainTex 来 对 应 它 的 采样 坐标 。 表 17.1 列 
出 了 Input 结 构 体 中 内 置 的 其 他 变量 。 


表 17.1 


float3 viewDir 包含 了 视角 方向 ， 可 用 


使 用 COLOR 语 2 eR 
定义 的 float4 变 加 =] 


float4 screenPos 包含 司 的 坐标 ， 


float3 worldPos 包含 了 世界 空间 下 的 位 置 


世界 空间 下 的 反射 方向 。 前 提 是 没有 修改 表面 法 线 


float3 worldRefl 


如 果 修 改 了 表面 法 线 o.Normal， 需 要 使 用 该 变量 告诉 Unity 要 
float3 worldRefl | 基于 修改 后 的 法 线 计算 世 界 空间 下 的 反射 方向 。 在 表面 函数 
INTERNAL_DATA | 中， 我 们 需要 使 用 WorldReflectionVector(IN, o.Normal) 来 得 到 
世界 空间 下 的 反射 方向 


包含 了 世界 空间 的 法 线 方向 。 前 提 是 没有 修改 表面 法 线 


0.Normal 


float3 worldNormal 


人 如 果 修 改 了 表面 法 线 o.Normal， 需 要 使 用 该 变量 告诉 Unity 要 
ee 基于 修改 后 的 法 线 计算 世界 空间 下 的 法 线 方向 。 在 表面 函数 

Ee 中 ， 我 们 需要 使 用 WorldNormalVector(IN, o.Normal) 来 得 到 世 
INTERNAL DATA 界 空间 下 的 法 线 方向 


需要 注意 的 是 ， 我 们 并 不 需要 自己 计算 上 述 的 各 个 变量 ， 而 只 和 需 
要 在 Input 结 构 体 中 按 上 述 名 称 严 格 声 明 这 些 变 量 即 可 ，Unity 会 在 背后 
为 我 们 准备 好 这 些 数据 ， 而 我 们 只 需要 在 表面 芳 数 中 直接 使 用 它们 即 
可 。 一 个 例外 情况 是 ， 我 们 目 定 义 了 顶点 修改 函数 ， 并 需要 癌 表 面 范 
数 中 传递 一 些 目 定义 的 数据 。 例 如 ， 为 了 目 定 义 筋 效 ， 我 们 可 能 需 
在 顶点 修改 函数 中 根据 顶点 在 视角 空间 下 的 位 置信 息 计 算 筋 效 混 合 系 
数 ， 这 样 我 们 就 可 以 在 Input 结 构 体 中 定义 一 个 名 为 half fog 的 变量 ， 把 
计算 结果 存储 在 该 变量 后 进行 输出 。 


17.3.2 ”表面 属性 SurfaceOutput 结 构 体 


有 了 Input 结 构 体 来 提供 所 需要 的 数据 后 ， 我 们 惑 可 以 据 此 计算 各 
种 表面 属性 。 因 此 ， 另 一 个 结构 体 就 是 用 于 存储 这 些 表面 属性 的 结构 
体 ， 即 SurfaceOutput 、SurfaceOutputStandard 和 
SurfaceOutputStandardSpecular ， 它 会 作为 表面 函数 的 输出 ， 随 后 会 
作为 光照 画 数 的 输入 来 进行 各 种 光照 计算 。 相 比 与 Input 结 构 体 的 目 由 
性 ， 这 个 结构 体 里 面 的 变量 是 提前 束 声 明 好 的 ， 不 可 以 增加 也 不 会 减 
少 〈 如 果 没 有 对 某 些 变量 赋值 ， 就 会 使 用 默认 值 ) 。SurfaceOutput 的 
声明 可 以 在 Lighting.cginc 文 件 中 找到 : 


struct SurfaceOutput { 
fixed3 Albedo; 
fixed3 Normal; 
fixed3 Emission， 


half Specular; 
fixed Gloss; 
fixed Alpha; 


而 SurfaceOutputStandard 和 SurfaceOutputStandardSpecular 的 
声明 可 以 在 UnityPBSLighting.cginc 中 找到 : 


struct SurfaceOutputStandard 


{ 
fixed3 Albedo; // base (diffuse or specular) color 
fixed3 Normal; // tangent space normal, if written 
half3 Emission; 
half Metallic,; // 0=non-metal, 1i=metal 
half Smoothness; // 0=rough, 1=smooth 
half Occlusion; // occlusion (default 1) 
fixed Alpha; // alpha for transparencies 
}; 
struct SurfaceOutputStandardSpecular 
{ 
fixed3 Albedo; // diffuse color 
fixed3 Specular; // specular color 


fixed3 Normal; // tangent space normal, if written 


half3 Emission， 


half Smoothness; // 0=rough, 1=smooth 
half Occlusion; // occlusion (default 1) 
fixed Alpha; // alpha for transparencies 


在 一 个 表面 着 色 絮 中 ， 只 需要 选择 上 壕 三 者 中 的 其 一 即 可 ， 这 取 
决 于 我 们 选择 使 用 的 光照 模型 。Unity 内 置 的 光照 模型 有 两 种 ， 一 种 是 
Unity 5 之 前 的 、 简 单 的 、 非 基于 物理 的 光照 模型 ， 包 括 了 Lambert 和 
BlinnPhong ; 男 一 种 是 Unity 5 添加 的 、 基 于 物理 的 光照 模型 ， 包 括 
Standard 和 StandardSpecular ， 这 种 模型 会 更 加 符合 物理 规律 ， 但 计 
算 也 会 复杂 很 多 。 如 有 果 使 用 了 非 基 于 物理 的 光照 模型 ， 我 们 通常 会 使 


用 SurfaceOutput 结构 体 ， 而 如 果 使 用 了 基于 物理 的 光照 模型 
Standard 或 StandardSpecular ， 我 们 会 分 别 使 用 
SurfaceOutputStandard 或 SurfaceOutput StandardSpecular 结构 体 。 
其 中 ，SurfaceOutputStandard 结 构 体 用 于 默认 的 金属 工作 流程 

(Metallic Workflow) ， 对 应 了 Standard 光 照 琅 数 ， 而 
SurfaceOutputStandardSpecular 结 构 体 用 于 高 光 工 作 流 程 (Specular 
Workflow) ， 对 应 了 StandardSpecular 光 照 函 数 。 更 多 关于 基于 物理 的 
泻 染 内 容 ， 我 们 会 在 第 18 章 中 讲 到 。 


在 本 下 ， 我 们 着 重 介绍 一 下 SurfaceOutput 结 构 体 中 的 变量 和 含 
义 。 在 表面 函数 中 ， 我 们 需要 根据 Input 结 构 体 传递 的 各 个 变量 计算 表 
面 属性 。 在 SurfaceOutput 结 构 体 ， 这 些 表面 属性 包括 了。 


。 fixed3 Albedo: 对 光源 的 反射 率 。 通 常 由 纹理 采样 和 颜色 属性 的 
乘积 计算 而 得 。 
。 fixed3 Normal: 表面 法 线 方向 。 
。 fixed3 Emission: 目 发 光 。Unity 通 常会 在 片 元 着 色 恬 最 后 输出 前 
(并 在 最 后 的 顶点 函数 被 调用 前 ， 如 果 定 义 了 的 话 ) ， 使 用 类 似 
下 面 的 语句 进行 浴 单 的 颜色 县 加 : 


c.rgb += 0.Emission， 


。 half Specular: 高 光 反 射 中 的 指数 部 分 的 系数 ， 影 响 高 区 反射 的 计 
算 。 例 如 ， 如 果 使 用 了 内 置 的 BlinnPhong 光 照 画 数 ， 它 会 使 用 如 
下 语句 计算 高 花 反 射 的 强度 : 


float spec = pow (nh, s.Specular*128.0) * s.Gloss; 


。fixed Gloss， 高 光 反射 中 的 强度 系数 。 和 上 面 的 Specular 类 似 ， 计 
算 公式 见 上 面 的 代码 。 一 般 在 包含 了 高 光 反 射 的 光照 模型 里 使 
用 。 

。fixed Alpha; 透明 通道 。 如 果 开启 了 透明 度 的 话 ， 会 使 用 该 值 进 
行 颜色 混合 。 


尽管 表面 着 色 絮 极 大 地 减少 了 我 们 的 工作 量 ， 但 它 带 来 的 一 个 问 
题 古 ， 我 们 经 常 不 知道 为 什么 会 得 到 这 样 的 渲染 结果 。 如 末 你 不 是 一 
个 "好奇 军 至 ”的 话 ， 你 可 以 高 高 兴 兴 地 使 用 表面 着 色 融 来 方便 地 实现 
一 些 不 错 的 泻 梁 效果。 但 是 ， 一 些 好 奇 的 初学 者 往往 会 提出 这 样 的 问 
题 :“ 为 什么 我 的 场景 里 没有 灯光 ， 但 物体 不 古 全 黑 的 呢 ? 为 什么 我 把 
光源 的 颜色 调 成 黑色 ， 物 体 还 是 有 一 些 泻 染 颜 色 呢 ? ”这些 问 题 都 源 于 
表面 着 色 右 对 我 们 隐藏 了 实现 细 方 。 而 想 要 更 加 得 心 应 手 地 使 用 表面 
着 色 闫 ， 我 们 惑 需 要 学 习 它 的 工作 流水 线 ， 并 了 解 Unity 征 如 何 为 一 个 
表面 着 色 器 生成 对 应 的 顶点 / 片 元 着 色 器 的 时刻 记 着 ， 表 面 着 色 器 
质 上 就 是 包含 了 很 多 Pass 的 顶点 / 片 元 着 色 器 ) 。 


17.4 Unity 背 后 做 了 什么 


在 前 面 的 内 容 中 ， 我 们 已 经 了 解 到 如 何 利 用 编译 指令 、 目 定义 芳 
数 (表面 画 数 、 光 照 函 数 ， 以 及 可 选 的 顶点 修改 函数 和 最 后 的 颜色 修 
改 函 数 ) 和 两 个 结构 体 来 实现 一 个 表面 着 色 器 。 我 们 一 直 强 调 ，Unity 
实际 会 在 背后 为 表面 着 色 句 生成 真正 的 顶点 / 片 元 着 色 器 。 那 么 ， 表 面 
着 色 器 中 的 各 个 画 数 、 编 译 指令 和 结构 体 与 顶点 / 片 元 着 色 器 之 间 有 什 
么 天 系 昵 ?这 正 是 本 广 要 学 习 的 内 容 。 


我 们 之 前 说 过 ，Unity 在 背后 会 根据 表面 着 色 句 生成 一 个 包含 了 很 
多 Pass 的 顶点 / 片 元 着 色 器 。 这 些 Pass 有 些 是 为 了 针对 不 同 的 泻 染 路 径 ， 
例如 ， 默 认 情 况 下 Unity 会 为 前 问 泻 染 路 径 生 成 LightMode 为 
ForwardBase 和 ForwardAdd 的 Pass， 为 Unity 5 之 前 的 延迟 演 染 路 径 生 
成 LightMode 为 PrePassBase 和 PrePassFinal 的 Pass， 为 Unity 5 之 后 的 
延迟 洽 染 路 径 生 成 LightMode 为 Deferred 的 Pass。 还 有 一 些 Pass 是 用 于 
产生 额外 的 信息 ， 例 如 ， 为 了 给 光照 映射 和 动态 全 局 光照 提 取 表 面 信 
上 县，Unity 会 生成 一 个 LightMode 为 Meta 的 Pass。 有 些 表 面 着 色 絮 由 于 
修改 了 顶点 人 位置， 因此， 我 们 可 以 利用 adddshadow 编译 指令 为 它 生成 
相应 的 LightMode 为 ShadowCaster 的 阴影 投 冉 Pass。 这 些 Pass 的 生成 
都 是 基于 我 们 在 表面 着 色 器 中 的 编译 指令 和 上 自 定义 的 函数 ， 这 是 有 规 
律 可 循 的 。Unity 提 供 了 一 个 功能 ， 让 那些 < 好奇 宝 宝 ” 可 以 对 表面 着 色 
器 自动 生成 的 代码 一 探究 竟 : 在 每 个 编译 完成 的 表面 着 色 需 的 面板 
上 ， 都 有 一 个 “Show generated code” 的 按钮 ， 如 图 17.2 所 示 ， 我 们 只 需 
So 

器 o 


Imported Object 


人 Unity Shaders Book/Chapter 17/No 巡 ， 
人 


Surface shader 
Compiled code 
Cast shadows 
Render queue 
LOD 

lgnore projector 
Disable batching 
Properties: 
_ColorTint 
_MainTex 
_BumpMap 
_Amount 


> 


图 17.2 ”查看 表 


| Show generated code 
ompile and show code 

Yes 

2000 

300 

no 


no 


Color: Color Tint 
Texture: Base (RGB) 
Texture: Normalmap 
Range: Extrusion Amount 


甸 着 色 避 生 成 的 代码 


通过 查看 这 些 代码 ， 我 们 就 可 
着 色 器 生成 各 个 Pass 的 。 以 Unity 生 
Pass (用 于 前 向 泻 染 ) 为 例 ， 


以 了 解 到 Unity 到 底 是 如 何 根 据 表面 
成 的 LightMode 为 ForwardBase 的 


它 的 泻 染 计 算 流 水 线 如 图 17.3 所 示 。 从 图 


17.3 中 我 们 可 以 看 出 ，4 个 允许 目 定 义 的 函数 在 流水 线 中 的 位 置 。 


Unity 对 该 Pass 的 目 动 生成 过 程 


大 至 如 下 * 


(1) 直接 将 表面 着 色 器 中 CGPROGRAM 和 ENDCG 之 间 的 代码 复 


制 过 来 ， 这 些 代码 包括 了 我 们 对 Input 结 构 体 、 表 面 函 数 、 


三 
等 变量 


(如 有 果 上 自 定 了 的 话 ) 


的 处 理 过 程 中 被 当成 正常 的 结构 体 和 函数 进行 调用 。 


光照 画 数 
和 画 数 的 定义 。 这 些 丽 数 和 变量 会 在 之 后 


顶点 着 色 器 : v2f_surf vert_surf (oppdato_fulv) 


出 落 


入 由 


顶点 数据 一 “| CA 天 


计 旦 净 星 
己 和 已 
部 


ut 的 

人 并 struct v2f_surf 
Vzl_SU 
体 中 


片 元 着 色 器 : fixed4 frag_surf (v2f_surf IN}】 


的 二 所 上 | = 输出 颜色 


> 


图 17.3 ”表面 着 色 器 的 演 染 计算 流水 线 。 ， 可 以 自 定义 的 函数 。 灰 色 : Unity 自 动 生成 的 
计算 步 又 


(2) Unity 会 分 析 上 述 代 码 ， 并 据 此 生成 项 点 着 色 器 的 输出 
v2f_surf 结 构 体 ， 用 于 在 顶点 着 色 器 和 片 元 着 色 器 之 间 进 行 数据 传递 。 
Unity 会 分 析 我 们 在 自 定义 函数 中 所 使 用 的 变量 ， 例 如 ， 纹 理 坐 标 、 视 
角 方 向 、 反 射 方向 等 。 如 有 果 需 要 ， 它 就 会 在 v2f_surf 中 生成 相应 的 变 
量 。 而 且 ， 即 便 有 时 我 们 在 mput 中 定义 了 某 些 变量 《如 某 些 纹理 坐 
标 ) ， 但 Unity 在 分 析 后 续 代 码 时 发 现 我 们 并 没有 使 用 这 些 变量 ， 那 么 
这 些 变 量 实际 上 是 不 会 在 v2f_surf 中 生成 的 。 这 也 就 是 说 ，Unity 做 了 一 
些 优 化 。v2f_surf 中 还 包含 了 一 些 其 他 需要 的 变量 ， 例 如 阴影 纹理 从 
标 、 光 照 纹理 坐标 、 逐 顶 反光 照 等 。 


(3) 接着 ， 生 成 顶点 着 色 器 。 


@ 如 果 我 们 上 自 定 义 了 顶点 修改 函数 ，Unity 会 首先 调用 顶点 修改 函 
数 来 修改 顶点 数据 ， 或 填充 自 定 义 的 Input 结 构 体 中 的 变量 。 然 后 ， 
Unity 会 分 析 顶 点 修改 函数 中 修改 的 数据 ， 在 需要 时 通过 Input 结 构 体 将 
修改 结果 存储 到 v2f surf 相 应 的 变量 中 。 


@ 计算 v2f_surf 中 其 他 生成 的 变量 值 。 这 主要 包括 了 顶点 位 置 、 纹 
理 坐 标 、 法 线 方 同 、 逐 顶点 光照 、 光 照 纹理 的 采样 坐标 等 。 当 然 ,， 我 
们 可 以 通过 编译 指令 来 控制 某 些 变量 是 否 需 要 计算 。 


@ 最 后 ， 将 v2f_surf 传 递 给 接 下 来 的 片 元 着 色 句 。 
(4) 生成 片 元 着 色 器 。 


@ 使 用 v2f_surf 中 的 对 应 变量 填充 Input 结 构 体 ， 例 如 ， 纹 理 坐 标 、 
视角 方 回 等 。 

@ 调用 我 们 自 定 义 的 表面 函数 填充 SurfaceOutput 结 构 体 。 

@ 调用 光照 落 数 得 到 初始 的 颜色 值 。 如 果 使 用 的 是 内 置 的 Lambert 
或 BlinnPhong 光 照 男 数 ，Unity 还 会 计算 动态 全 局 光照 ， 并 添加 到 光照 
模型 的 计算 中 。 


@ 进行 其 他 的 颜色 县 加 。 例 如 ， 如 时 没有 使 用 光照 烘焙 ， 还 会 添 
加 逐 顶 点 光照 的 影响 。 


@ 最 后 ， 如 果 自 定义 了 最 后 的 颜色 修改 函数 ，Unity 就 会 调用 它 进 
行 最 后 的 颜色 修改 。 


其 他 Pass 的 生成 过 程 和 上 面 类 似 ， 在 此 不 再 芍 述 。 


17.5 “表面 着 色 器 实例 分 析 


为 了 帮助 读者 更 加 深入 地 理解 表面 着 色 器 背后 的 原理 
Unity 为 它 生 成 的 代码 。 


读者 可 以 在 本 书 资 源 中 的 Scene_17_4 中 找到 相应 的 测试 场景 。 它 实现 的 效果 是 对 模型 进行 膨胀 ， 如 图 
17.4 所 示 。 


， 我 们 在 本 节 以 一 个 表面 着 色 器 为 例 ， 分 析 


A 图 17.4 沿 顶点 法 线 对 模型 进行 


影 胀 左边 :膨胀 前 ， 右 边 : 膨胀 后 


这 种 效果 的 实现 非常 简单 ， 就 是 在 顶点 修改 函数 中 沿 着 顶点 法 线 方向 扩张 顶点 位 置 。 为 了 分 析 表 面 着 
色 器 中 4 个 可 自 定义 函数 (顶点 修改 函数 、 表 面 钞 数 、 光 照 画 数 和 最 后 的 颜色 修改 函数 ) 的 原理 ， 在 本 例 
中 我 们 对 这 4 个 函数 全 部 采用 了 自 定义 的 实现 。 读 者 可 以 在 Chapter17-NormalExtrusion 文 件 中 找到 该 表面 着 
色 器 ， 它 的 代码 如 下 : 


二 | 


bi 


Shader "Unity Shaders Book/Chapter 17/Normal Extrusion" { 
Properties { 
_ColorTint ("Color Tint", Color) = (1,1,1,1) 
_MainTex ("Base (RGB)", 2D) = "white" {} 
_BumpMap ("Normalmap", 2D) = "bump" 人 
_Amount ("Extrusion Amount", Range(-0.5, 0.5)) = 0.1 


} 

SubShader { 
Tags { "RenderType"="Opaque" } 
LOD 300 


CGPROGRAM 


// surf - which surface function. 

// CustomLambert - which lighting model to use. 

// vertex:myvert - use custom vertex modification function. 

// finalcolor:mycolor - use custom final color modification function. 

// addshadow - generate a shadow caster pass. Because we modify the vertex position, 
// the shder needs special shadows handling. 

// exclude path:deferred/exclude_path:prepas - do not generate passes for 
//deferred/legacy deferred rendering path. 

// nometa - do not generate a "meta" pass (that’s used by lightmapping & dynamic 
//global illumination to extract surface information). 

#pragma surface surf CustomLambert vertex:myvert finalcolor:mycolor addshadow 
exclude_path:deferred exclude path:prepass nometa 

#pragma target 3.0 


fixed4 _ColorTint; 
sampler2D _MainTex; 
sampler2D _BumpMap; 
half _Amount; 


struct Input { 
float2 uv_MainTex; 
float2 uv_BumpMap; 


}; 


void myvert (inout appdata full v) { 
V.vertex.xyz += V,normal * _Amount,; 
} 


void surf (Input IN, inout SurfaceOutput o) { 

fixed4 tex = tex2D(_MainTex, IN.uv_MainTex); 

0.Albedo = tex.rgb; 

0.Alpha = tex.a; 

oOo.Normal = UnpackNormal(tex2D(_BumpMap, IN.uv_BumpMap)); 
} 


half4 LightingCustomLambert (SurfaceOutput s, half3 lightDir, half atten) { 
half NdotL = dot(s.Normal, lightDir); 
half4 c; 
c.rgb = s.Albedo * _LightCcolorg.rgb * (NdotL * atten); 
c.a = s.Alpha; 
return c; 


} 
void mycolor (Input IN, SurfaceOutput o, inout fixed4 color) { 


color *= _ColorTint ， 


ENDCG 
} 


FallBack "Legacy Shaders/Diffuse" 


在 顶点 修改 函数 中 ， 我 们 使 用 顶点 法 线 对 顶点 位 置 进行 膨胀 ， 表面 函数 使 用 主 纹理 设置 了 表面 属性 中 
的 反射 率 ， 并 使 用 法 线 纹理 设置 了 表面 法 线 方向 ， 光 照 画 数 实现 了 简单 的 兰 伯 特 漫 反射 光照 模型 ， 在 最 后 
的 颜色 修改 函数 中 ，， 我 们 简单 地 使 了 颜色 参数 对 输出 颜色 进行 调整 。 注 意 ， 除 了 4 个 画 数 外 ， 我 们 在 
ff 

不 


E 

J 
#pragma surface 的 编 了 中 还 指定 了 一 些 额外 的 参数 。 由 于 我 们 修改 了 顶点 人 位置， 因此， 要 对 其 他 
物体 产生 正确 的 阴影 效果 并 不 能 直接 依赖 FallBack 中 找到 的 阴影 投射 Pass，addshadow 参数 可 以 告诉 Unity 
生成 一 个 该 表面 着 色 器 对 应 的 阴影 投射 Pass。 默 认 情 况 下 ，Unity 会 为 所 有 支持 的 泻 染 路 人 径 生 成 相应 的 
Pass， 为 了 缩小 自动 生成 的 代码 量 ， 我 们 使 用 exclude_path:deferred 和 exclude_path:prepass 来 告诉 Unity 
不 要 为 延迟 泻 染 路 径 生 成 相应 的 Pass。 最 后 ， 我 们 使 用 nometa 参数 取消 对 提取 元 数据 的 Pass 的 生成 。 


当 在 该 表面 着 色 器 的 导入 面板 中 单 击 “Show generated code” 按 钮 后 ， 我 们 就 可 以 看 到 Unity 生 成 的 顶点 / 
片 元 着 色 器 了 “。 由 于 代码 比较 多 ， 为 了 节省 篇 幅 我 们 不 再 把 全 部 代码 粘贴 到 这 里 。 因 此 ， 在 往 下 阅读 之 
前 ， 请 读者 先 打开 生成 的 代码 文件 ， 以 便 明 白 我 们 接 下 来 的 分 析 。 


在 这 个 将 近 600 行 代码 的 文件 中 ，Unity 一 共 为 该 表面 着 色 器 生成 了 3 个 Pass， 它 们 的 LightMode 分 别 是 
ForwardBase、ForwardAdd 和 ShadowCaster， 分 别 对 应 了 前 向 泻 染 路 径 中 的 处 理 逐 像素 平行 光 的 Pass、 处 理 
让 他 逐 像 素 光 的 Pass、 处 理 阴 影 投 射 的 Pass。 这 些 Pass 的 原理 可 以 回顾 9.1.1 节 和 9.4 节 中 的 相关 内 容 。 > 
可 以 在 这 些 代 码 中 看 到 大 量 的 #fdef 和 #if 语句 ， 这 些 语句 可 以 判断 一 些 泻 染 条 件 ， 例 如 ， 是 和 否 使 用 了 动态 

理 、 是 否 使 用 了 逐 顶 点 光照 、 是 否 使 用 了 屏幕 空间 的 阴影 等 ， Unity 会 根据 这 些 条 件 来 进行 不 同 的 
E 照 计算 ， 这 正 是 表面 着 色 器 的 魅力 之 一 一 一 把 这 些 烦人 的 光照 计算 交 给 Unity 来 做 ! 


需要 注意 的 是 ， 不 同 的 Unity 版 本 可 能 生成 的 代码 有 少许 不 同 。 在 本 书 中 ， 我 们 以 Unity 5.2.1 中 的 结果 
为 准 。 下 面 ， 我 们 来 分 析 Unity 生 成 的 ForwardBase Pass。 


(1) Unity 首 先 指明 了 一 些 编译 指令 
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// ---- forward rendering base pass: 
Pass { 
Name "FORWARD" 
Tags { "LightMode" = "ForwardBase" } 
CGPROGRAM 


// compile directives 


#pragma vertex vert_surf 

#pragma fragment frag_surf 

#pragma target 3.0 

#pragma multi_compile_fwdbase 
#include "HLSLSupport.cginc" 

#include "UnityShaderVvariables.cginc" 


顶点 着 色 器 vert_surf 和 片 元 着 色 器 frag_surf 都 是 自动 生成 的 。 


(2) 之 后 出 现 的 是 一 些 自动 生成 的 注释 : 


CY 


i 


// Surface shader code generated based on: 
// vertex modifier: 'myvert' 
// writes to per-pixel normal: YES 
// writes to emission: no 
// needs world space reflection vector: no 
// needs world space normal vector: no 
// needs Screen Space position: no 
// needs world space position: no 
// needs view direction: no 
// needs world space view direction: no 
// needs world space position for lighting: no 
// needs world space view direction for lighting: no 
// needs world space view direction for lightmaps: no 
// needs vertex color: no 
// needs VFACE: no 
// passes tangent-to-world matrix to pixel shader: YES 
// reads from normal: no 
// 2 texcoords actually used 
// float2 _MainTex 
// float2 _BumpMap 


尽管 这 些 对 演 染 结果 没有 影响 ， 但 我们 可 以 从 这 些 注释 中 型 


(3) 随后 ，Unity 定 义 了 一 些 宏 来 辅助 计算 : 


E 解 到 Unity 的 分 析 过 程 和 它 的 分 析 结 果 。 


人 


| 


#define INTERNAL_DATA half3 internalSurfaceTtow0; half3 internalSurfaceTtow1;， half3 internalSurfaceTtdv 
#define WorldReflectionVector(data,normal) reflect (data.worldRefl, half3(dot(data. internalsurfaceTtav 
#define WorldNormalVector(data,normal) fixed3(dot(data.internalSsurfaceTtow9,normal), dot(data.internals 


实际 上 ， 在 本 例 中 上 述 宏 并 没有 被 用 到 。 这 些 安定 为 了 在 修改 
界 空 间 下 的 反射 方向 和 法 线 方向 ， 与 之 对 应 的 是 mput 结 构 体 中 的 一 些 


(4) 接着 ，Unity 把 我 们 在 表面 着 色 器 中 编写 的 CG 代码 复制 过 来 ， 作 为 Pass 的 一 部 分 ， 以 便 后 续 调 


面 法 线 的 情况 下 ， 辅 助 计 算得 到 世 
量 (可 参见 17.3.1 节 ) 。 


让 夺 
并 


(5) 然后 ，Unity 定 义 了 顶点 着 色 器 到 片 元 着 色 器 的 插值 结构 体 ( 即 顶点 着 色 器 的 输出 结构 体 ) 
V2f_surf。 在 定义 之 前 ，Unity 使 用 凶 fdef 语 句 来 判断 是 否 使 用 了 光照 纹理 ， 并 为 不 同 的 情况 生成 不 同 的 结构 
体 。 主 要 的 区 别 是 ， 如 果 没 有 使 用 光照 纹理 ， 就 需要 定义 一 个 存储 逐 顶 点 和 SH 光 照 的 变量 。 


// vertex-to-fragment interpolation data 
// no lightmaps: 
#ifdef LIGHTMAP_OFF 
struct v2f_surf { 
float4 pos : SV_POSITION; 
float4 pack0 : TEXCOORDO; // MainTex _BumpMap 
fixed3 tSpace0 : TEXCOORD1; 
fixed3 tSpacel1 : TEXCOORD2 
fixed3 tSpace2 : TEXCOORD3,; 


fixed3 vilight : TEXCOORD4; // ambient/SH/vertexlights 
SHADOW_COORDS(5) 
#if SHADER_TARGET >= 30 
float4 lmap : TEXCOORD6; 
#endif 
}; 
#endif 
// with lightmaps: 
#ifndef LIGHTMAP_OFF 
struct v2f_surf { 
float4 pos : SV_POSITION; 
float4 pack0 : TEXCOORDO; // MainTex _BumpMap 
fixed3 tSpace0 : TEXCOORD1; 
fixed3 tSpace1 : TEXCOORD2 
fixed3 tSpace2 : TEXCOORD3,; 
float4 lmap : TEXCOORD4; 
SHADOW_COORDS(5) 
}; 
#endif 


上 面 很 多 变量 名 看 起 来 很 陌生 ， 但 实际 上 大 部 分 变量 的 含义 我 们 在 之 前 都 碰 到 过 ， 只 是 这 里 使 用 了 不 
同 的 名 称 而 已 。 例如， 在 下 面 我 们 会 看 到 ，pack0 中 实际 上 存储 的 就 是 主 纹理 和 法 线 纹理 的 采样 坐标 ， 而 
tSpace0、tSpace1 和 tSpace2 存 储 了 从 切线 空间 到 世界 空间 的 变换 和 矩阵。 一 个 比较 陌生 的 变量 是 vlight，Unity 
会 把 逐 顶 点 和 SH 光 照 的 结果 存储 到 该 变量 里 ， 并 在 片 元 着 色 器 中 和 原 光 照 结果 进行 到 加 (如 果 需 要 的 


Sai 


(6) 随后 ，Unity 定 义 了 真正 的 顶点 着 色 器 。 项 点 着 色 器 首先 会 调用 我 们 上 自 定义 的 顶点 修改 函数 来 修 
改 一 些 顶 点 属性 : 


// vertex shader 
v2f_surf vert_surf (appdata_ full v) { 


v2f_surf 0o; 
UNITY_INITIALIZE OUTPUT(Vv2f_surf, 0o); 
myvert (v); 

在 我 们 的 实现 中 


， 只 对 顶点 坐标 进行 了 修改 ， 而 不 需要 向 Input 结 构 体 中 添加 并 存储 新 的 变量 。 也 可 以 
使 用 另 一 个 版 本 的 函数 声明 来 把 顶点 修改 函数 中 的 此 计算 局 于 和 全 到 pu 结构 体 : 


void vert(inout appdata full v, out Input 0o) 


之 后 的 代码 是 用 于 计算 v2f_surf 中 各 个 变量 的 值 。 例 如 ， 计 算 经 过 MVP 和 矩阵 变换 后 的 顶点 坐标 ;， 使 用 
TRANSFORM_TEX 内 置 宏 计 算 两 个 纹理 的 采样 坐标 ， 并 分 别 存储 在 o.pack0 的 xy 分 量 和 zw 分 量 中 ， 计 算 从 
司 到 世界 空间 的 变换 矩阵 ， 并 把 矩阵 的 每 一 行 分 别 存储 在 o.tSpace0、o.tSpacel 和 o.tSpace2 变 量 中 ; 
判断 是 否 使 用 了 光照 映射 和 动态 光照 映射 ， 并 在 需要 时 把 两 种 光照 纹理 的 采样 坐标 计算 结果 存储 在 
0.lmap.Xy 和 o.lmap.zw 分 量 中 ;判断 是 否 使 用 了 光照 映射 ， 如 :没有 的 话 就 计算 该 项 点 的 SH 光照 (一 种 快 
速 计算 光照 的 方法 ) ， 把 结果 存储 到 o.vlight 中 ;， 判断 是 否 开启 了 逐 顶 点 光照 ， 如 果 是 就 计算 最 重要 的 4 个 
逐 顶 点 光照 的 光照 结果 ， 把 结果 县 加 到 o.vlight 中 。 这 部 分 代码 读者 可 以 在 生成 的 文件 中 找到 ， 这 里 不 再 粘 
贴 出 来 。 


最 后 ， 计 算 阴 影 坐标 并 传递 给 片 元 着 色 器 : 


TRANSFER_SHADOW(0); // pass shadow coordinates to pixel shader 
return o; 


(7) 在 Pass 的 最 后 ，Unity 定 义 了 真正 的 片 元 着 色 器 。Unity 首 先 利 用 插值 后 的 
化 Input 结 构 体 中 的 变量 : 


ANS 


吉 构 体 v2f_surf 来 初始 


// fragment shader 

fixed4 frag_ surf (v2f_surf IN) : SV_Target { 
// prepare and unpack data 
Input surfIN; 
UNITY_INITIALIZE_OUTPUT(Input,SurfIN) ， 
SurfIN,UV_MainTex = IN.pack0.Xxy， 
SurfIN,UV_BumpMap = IN.pack0.zw' 


随后 ，Unity 声 明了 一 个 SurfaceOutput 结 构 体 的 变量 ， 并 对 其 中 的 对 
面 函 数 : 


性 进行 了 初始 化 ， 再 调用 


从 于 
细 


洪 


#ifdef UNITY_COMPILER HLSL 
SurfaceOutput o = (SurfaceOutput )0， 
#else 
SurfaceOutput o; 

#endif 
0.Albedo = 0. 

.Emission = 

.Specular = 

.Alpha = 0.0; 

.Gloss = 0.0; 


0 
0 人 
0 
0 


// call surface function 
surf (surfIN, o); 


在 上 面 的 代码 中 ，Unity 还 使 用 ##fdef 语 句 判断 当前 的 编译 语言 类 型 是 否 是 HLSL， 如 果 是 就 使 用 更 严 
格 的 声明 方式 来 声明 SurfaceOutpu 吉 构 体 (因为 DirectX 平 往往 更 加 严格 的 语义 要 求 ) 。 当 对 各 个 表面 
属性 进行 初始 化 后 ，Unity 调 用 了 表面 函数 surf 来 填充 这 些 表 面 属 性 。 


+ 
DE : 


之 后 ，Unity 进 行 了 真正 的 光照 计算 。 首 先 ， 计 算得 到 了 光照 衰减 和 世界 空间 下 的 法 线 方向 : 


// compute lighting & shadowing factor 
UNITY_LIGHT_ATTENUATION(atten, IN, worldPos) 
fixed4 c = 0; 

fixed3 worldN; 


worldN.x = dot(IN.tSpace0.xyz, o.Normal); 
worldN.y = dot(IN.tSpacel1.xyz, o.Normal); 
worldN.z = dot(IN.tSpace2.xyz, o.Normal); 
oOo.Normal = worldN; 
中 ， 变 量 c 用 于 存储 最 终 的 输出 颜色 ， 此 时 被 初始 化 为 0。 随 后 ，Unity 判 断 是 否 关闭 了 光照 映射 ， 
如 果 关 闭 了 ， 就 把 逐 顶 点 的 光照 结果 县 加 到 输出 颜色 中 : 


#ifdef LIGHTMAP_OFF 
c.rgb += o.Albedo * IN.vlight; 
#endif // LIGHTMAP_OFF 


而 如 果 需 要 使 用 光照 映射 ，Unity 就 会 使 用 之 前 计算 的 光照 纹理 采样 坐标 ， 对 光照 纹理 进行 采 检 
码 ， 得 到 光照 纹理 中 的 光照 结果 。 这 部 分 代码 读者 可 以 在 生成 的 代码 中 找到 ， 


这 里 不 再 粘贴 过 来 。 
如 有 果 没 有 使 用 光照 映射 ， 意 味 着 我 们 需要 使 用 E 


疆 


定义 的 光照 模型 计算 光照 结 


// realtime lighting: call lighting function 


#ifdef LIGHTMAP_OFF 


c += LightingCustomLambert (o, lightDir, atten); 


#else 
c.a = 0.Alpha; 
#endif 


色 c 中 。 如 果 还 开启 了 动态 光照 映 遇 
色 c 中 。 这 部 分 代码 读者 可 以 在 生成 的 代码 


而 如 果 使 用 了 光照 映射 的 话 ，Unity 会 根据 之 前 


光照 纹理 得 到 的 结果 得 
E 照 纹理 的 采样 结 


二， Unity 还 会 计 自 


最 后 ，Unity 调 用 自 定义 的 颜 


色 修 改 画 数 ， 对 输 吕 


， 这 里 不 再 粘贴 过 来 。 


颜色 c 进行 最 后 的 修改 : 


es 出 


mycolor (surfIN, o, c); 
UNITY_OPAQUE_ALPHA(c.a); 
return c; 


在 上 面 的 代码 中 ，Unity 还 使 用 


了 内 置 宏 UNITY_OPAQUE_ALPHA (在 UnityCG.cginc 里 ; 


置 片 元 的 透明 通道 。 在 默认 情况 
我 们 是 否 在 光照 画 数 中 改变 了 它 ， 
编译 指令 中 添加 keepalpha 参数 。 


Pass 不 需要 考虑 这 些 。 


至 此 ，ForwardBase Pass 就 结 
是 代码 更 加 简单 了 ，Unity 去 掉 了 对 逐 顶 点 光照 和 


所 有 不 透明 类 型 的 表面 着 色 


如 上 所 示 。 如 果 我 们 想 要 保留 它 的 透明 通道 的 话 ， 


束 了 。 接 下 来 的 ForwardAdd Pass 和 有 
点 判断 是 否 使 用 了 光照 


最 后 一 个 重要 的 Pass 是 ShadowCaster Pass。 相 


1 上 面 的 ForwardBase Pass 基 本 类 


比 司 


成 原理 很 简单 ， 就 是 通过 调用 自 


定义 的 顶 


E 如 我 们 在 11.3.3 节 和 15.1 节 中 看 到 的 一 样 ， 这 个 
V2F SHADOW_CASTER、TRANSFER_ 
SHADOW_CASTER_FRAGMENT 来 计算 阴影 投射 ， 


点 修改 
自 定 义 的 


be 


只 


A™ 


为 这 些 额外 的 


F 之 前 的 两 个 Pass， 它 
函数 来 保证 计算 阴影 时 使 用 


和 之 前 一 到 的 项 点 


昌 影 投射 的 Pass 同 样 
SHADOW_CASTER_NORMALOFFS 
这 部 分 代码 也 不 再 粘贴 到 才 


17.6 ”Surface Shader 的 缺点 


从 上 面 的 内 容 中 我 们 可 以 看 出 ， 表 面 着 色 器 给 我 们 带 来 了 很 大 的 
便利 。 那 么 ， 我 们 之 前 为 什么 还 要 论 那 么 久 的 时 间 学 习 顶 后 / 片 元 着 色 
硕 ? 直接 写 表面 着 色 右 束 好 了 嘛 。 


正如 我 们 一 直 强 调 的 那样 ， 表 面 春色 右 只 是 Unity 在 顶点 / 片 元 着 
色 郁 上 面 提供 的 一 种 封 故 ， 是 一 种 更 高 层 的 抽象 。 但 任何 在 表面 着 色 
亏 中 完成 的 事情 ， 我 们 都 可 以 在 顶点 / 片 元 着 色 大 中 重 现 。 但 不 幸 的 
征 ， 这 人 句 话 反 过 来 并 不 成 立 。 


这 世上 任何 事情 都 是 有 代价 的 ， 如 采 我 们 想 要 得 到 便利 ， 整 需要 
以 牺牲 目 由 度 为 代价 。 表 面 着 色 郁 虽然 可 以 快速 实现 各 种 光照 效果 ， 
但 我 们 失去 了 对 各 种 优化 和 各 种 特效 实现 的 控制 。 因 此 ， 使 用 表面 着 


色 絮 往往 会 对 性 能 造成 一 定 的 影响 ， 而 内 置 的 Shader， 例 如 Diffuse、 
Bumped Specular 等 都 是 使 用 表面 着 色 融 编写 的 。 尽 管 Unity 提 供 了 移动 


平台 的 相应 版 本 ， 例 如 Mobile/Diffuse 和 Mobile/Bumped Specular 等 ， 但 
这 些 版 本 的 Shader 往 往 只 是 去 掉 了 额外 的 逐 像素 Pass、 不 计算 全 局 光 
照 和 其 他 一 些 光 照 计 算 上 的 优化 。 但 要 想 进 行 更 多 深层 的 优化 ， 表 面 
着 色 妖 就 不 能 满足 我 们 的 需求 了 。 


除了 性 能 比较 差 以 外 ， 表 面 着 色 器 还 无 法 完成 一 些 目 定义 的 渔 染 
效果， 例如 10.2.2 节 中 透明 玻璃 的 效 末 。 和 表面 着 色 融 的 这 些 缺 点 让 很 多 
人 更 愿意 使 用 目 由 的 顶点 / 片 元 着 色 霹 来 实现 各 种 效果 ， 尽 管 处 理光 照 
时 这 可 能 难度 更 大 些 。 


因此 ， 我 们 给 出 一 些 建 议 供 读者 参考 。 


。 如果 你 需要 和 各 种 光源 打交道 ， 尤 其 是 想 要 使 用 Unity 中 的 全 局 光 
照 的 话 ， 你 可 能 更 喜欢 使 用 表面 着 色 妖 ， 但 要 时 刻 小 心 它 的 性 


Be; 

。 如 果 你 需要 处 理 的 光源 数目 非常 少 ， 例 如 只 有 一 个 平行 光 ， 那 么 
使 用 顶点 / 户 元 着 色 圳 是 一 个 更 好 的 选择 ; 

。 最 重要 的 是 ， 如 果 你 有 很 多 目 定义 的 泻 染 效 果 ， 那 么 请 选择 顶点 / 
请 元 着 色 器 。 


第 18 章 ”基于 物理 的 演 染 


在 之 前 的 草书 中， 我 们 学 习 了 Lambert 光 照 模 型 、Phong 光 照 模型 
和 Blinn-Phong 光 照 模 型 。 但 这 些 光照 模型 的 缺点 在 于 ， 它 们 都 是 经 验 
模型 。 如 果 我 们 需要 演 染 更 高 质量 的 画面 ， 这 些 经 验 模型 束 显 得 不 再 
能 满足 我 们 的 要 求 了 。 


近年 来 ， 基 于 物理 的 演 染 技术 (Physically Based Shading, PBS) 
被 逐渐 应 用 于 实时 洽 染 中 。 总 体 来 说 ，PBS 是 为 了 对 光 和 材质 之 间 的 
行为 进行 更 加 真实 的 建 模 。PBS 早 已 被 广泛 应 用 到 电影 行业 中 ， 但 游 
戏 中 的 PBS 是 近年 来 才 逐 源流 行 起 来 的 。Unity 最 早 在 2012 年 的 《蝴蝶 
效应 》 ( 英文 名 : Butterfly Effect) 的 demo 中 大 量 使 用 了 PBS， 并 在 
Unity 5 中 正式 将 PBS3 引 入 到 引擎 演 染 中 。Unity 5 引入 了 一 个 名 为 
Standard Shader 的 可 在 不 同 材质 之 间 通 用 的 着 色 器 ， 而 该 着 色 器 束 是 
使 用 了 基于 物理 的 光照 模型 。 需 要 注意 的 是 ，PBS 并 不 意味 着 泻 染 出 
来 的 画面 一 定 是 像 照片 一 样 真实 的 ， 例 如 ，Pixar 和 Disney 尽 管 长 期 使 
用 PBS 泻 染 电 影 画 面 ， 但 它们 得 到 的 风格 是 非常 有 特色 的 艺术 风格 。 
相信 很 多 读者 或 多 或 少 看 到 过 使 用 PBS 泻 染 出 来 的 画面 是 多 么 的 酷 
炫 ， 并 很 想 了 解 这 背后 的 技术 原理 。 如 采 你 是 一 个 程序 员 ， 可 能 有 很 
大 的 冲动 想 要 目 己 实现 一 个 PBS 泻 染 框 架 ， 但 往往 走 到 后 面 会 发 现 有 
很 多 看 不 慌 的 名 词 以 及 一 大 堆 与 之 相关 的 论文 ;如果 你 是 一 个 美工 人 
员 ， 你 可 能 会 找到 很 多 关于 如 何 制作 PBS 中 使 用 的 纹理 教程 ， 但 你 大 
概 也 了 解 ， 想 要 使 用 PBS 实 现 出 色 的 泻 染 效果 ， 并 不 是 纹理 + 一 个 
Shader 这 么 简单 的 问题 。 


现在 ， 我 们 有 一 个 好 消 上 息 和 一 个 坏 消 恩 要 告诉 大 家 。 先 说 好 消 
思 ，Unity 5 引入 的 基于 物理 的 泻 染 不 需要 我 们 过 多 地 了 解 PBS 是 如 何 
实现 的 ， 束 能 利用 各 种 内 置 工具 来 实现 一 个 不 错 的 泻 染 效果 。 然 而 坏 
消 轧 是， 我 们 很 难 通过 短 短 儿 万 文字 来 非常 详细 地 告诉 读者 这 些 泻 染 
到 抵 是 如 何 实现 的 ， 因 为 这 其 中 需要 牵扯 许多 复杂 的 光照 模型 ， 如 采 
要 完全 理解 每 一 种 模型 的 话 ， 大 概 还 要 讲 很 多 论文 和 其 他 参考 文献 。 
不 过 还 有 一 个 好 消 思 是， 我们 相信 读者 在 学 完 本 章 后 可 以 了 解 一 些 
PBS 的 原理 ， 如 果 你 对 PBS 有 着 浓厚 的 兴趣 ， 想 要 笑 试 目 己 构建 一 个 
i 


在 本 章 中 ， 我 们 首先 会 讲解 PBS 的 基本 原理 ， 让 读者 了 解 它们 与 
我 们 之 前 所 学 的 泻 染 方式 到 底 有 哪些 不 同 。 尽 管 本 书 的 定位 并 不 是 “ 教 
你 如 何 使 用 Unity”， 但 我 们 决定 花 一 点 时 间 来 告诉 读者 Unity 5 引入 的 
Standard Shader 是 如 何 工作 的 ， 以 及 如 何在 Unity 5 中 使 用 它 和 其 他 工 
具 来 泻 染 一 个 场景 ， 我 们 希望 通过 这 些 内 容 来 让 读者 明白 PBS 中 的 一 
些 关键 因素 。 尽 管 PBS 在 手机 上 的 应 用 并 不 十 分 广泛 ， 但 我 们 相信 这 
是 未 来 的 发 展 趋势 ， 和 希望 本 章 可 以 为 读者 打开 PBS 的 大 门 。 


18.1 PBS 的 理论 和 数学 基础 


在 学 习 如 何 实现 PBS 之 前 ， 我 们 非常 有 必要 来 了 解 基 于 物理 的 泻 染 
所 基于 的 理论 和 数学 基础 。 我 们 不 会 过 多 地 牵扯 一 些 论文 资料 ， 但 如 
果 在 阅读 过 程 中 读者 发 现 无 法 理解 一 些 光照 模型 的 实现 原理 ， 这 可 能 
意味 着 你 需要 阅读 更 多 的 参考 文献 。 本 市 主要 参考 了 Naty Hoffman 在 
SIGGRAPH 2013 上 做 的 名 为 Background: Physics and Math of Shading 
的 演讲 [1] 。 


18.1.1 光 是 什么 


尽管 我 们 之 前 一 直 讲 光照 模型 ， 但 要 问 读 者 ， 光 到 改 是 什么 ， 可 
能 没有 多 少 人 可 以 解释 清楚 。 在 物理 学 中 ， 光 是 一 种 电磁 波 。 首 先 ， 
光 由 太阳 或 其 他 光源 中 被 发 射出 来 ， 然 后 与 场景 中 的 对 象 相 交 ， 一 些 
光线 被 吸收 ”(absorption) ， 而 男 一 些 则 被 散射 、(scattering) ， 最 后 
光线 被 一 个 感应 器 (例如 我 们 的 眼睛 吸收 成 像 。 


通过 上 面 的 过 程 ， 我 们 知道 材质 和 光线 相交 会 发 生 两 种 物理 现 
象 : 散射 和 吸收 (其 实 还 有 自发 光 现 象 ，。 光 线 会 被 吸收 是 由 于 光 被 
转化 成 了 其 他 能 量 ， 但 吸收 并 不 会 改变 光 的 传播 方向 。 相 反 的 ， 散 射 
则 不 会 改变 光 的 能 量 ， 但 会 改变 它 的 传播 方向 。 在 光 的 传播 过 程 中 ， 
影响 光 的 一 个 重要 的 特性 是 材质 的 折射 率 (refractive index) 。 我们 
知道 ， 在 均匀 的 介质 中 ， 光 是 治 直线 传播 的 。 但 如 果 光 在 传播 时 介质 
的 折 映 率 发 生 了 变化 ， 光 的 传播 方向 瑟 会 发 生变 化 。 特 别 是 ， 如 果 折 
射 率 是 突变 的 ， 就 会 发 生 光 的 散射 现象 。 


实际 上 ， 在 现实 生活 中 ， 光 和 物体 之 间 的 交互 过 程 是 非常 复杂 
的 ， 大 多 数 情况 下 并 不 存在 一 种 可 分 析 的 解决 方法 。 但 为 了 在 泻 染 中 
对 光照 进行 建 模 ， 我 们 往往 只 考虑 一 种 特殊 情况 ， 即 只 考虑 两 个 介质 
的 边界 是 无 限 大 并 且 是 光学 平滑 (optically flat) 的 。 尽 管 真实 物体 的 
表面 并 不 是 无 限 延伸 的 ， 也 不 是 绝对 光滑 的 ， 但 和 光 的 波长 相 比 ， 它 
们 的 大 小 可 以 被 近似 认为 是 无 限 大 以 及 光学 平 请 的 。 在 这 样 的 前 提 
下 ， 光 在 不 同 介质 的 边界 会 被 分 割 成 两 个 方 回 : 反射 方 同 和 折射 方 
向 。 而 有 多 少 百分比 的 光 会 被 反射 ( 男 一 部 分 就 是 被 折射 了 ) 则 是 由 
菲 涅 耳 等 式 (Fresnel equations) 来 描述 的 ， 如 图 18.1 所 示 。 


反射 光线 人 入射 光线 


? 允 


菲 涅 耳 等 式 


和 图 18.1 在 理想 的 边界 处 ,折射 率 的 突变 会 把 光线 分 成 两 个 方向 


但 是 ， 这 些 与 光线 的 交界 处 真 的 古 像 镜子 一 样 平坦 吗 ? 尽管 在 上 
面 我 们 已 经 说 过 ， 相 对 于 光 的 波长 来 说 ， 它 们 的 确 可 以 被 认为 古 光 学 
平坦 的 。 但 是 ， 如 果 想 象 我 们 有 一 个 高 倍 放 大 镜 ， 去 放大 这 些 被 照 亮 
的 物体 表面 ， 束 会 发 现 有 很 多 之 前 肉眼 不 可 见 的 凹凸 不平 的 平面 。 在 
这 种 情况 下 ， 物 体 的 表面 和 交 照 发 生 的 各 种 行为 ， 更 像 是 一 系列 微小 
人 


这 种 建立 在 微 表 面 的 模型 更 容易 解释 为 什么 有 些 物 体 看 起 来 粗 
糙 ， 而 有 些 看 起 来 就 平滑 ， 如 图 18.2 所 示 。 想 象 我 们 用 一 个 放大 镜 去 观 
察 一 个 光滑 物体 的 表面 ， 尽 管 它 的 表面 仍然 由 许多 凹凸 不 平 的 微 表面 
构成 ， 但 这 些微 表面 的 法 线 方向 变化 角度 小 ， 因 此 ， 由 这 些 表面 反射 
的 光线 方向 变化 也 比较 小 ， 如 图 18.2 左 图 所 示 ， 这 使 得 物体 的 高 光 反 射 
en 
多 喘 靖 。 


WW NW 


A 图 18.2 光 消 表面 的 微 平面 的 法 线 变 化 较 小 ， 反 射 光 线 的 方向 变化 也 更 小 。 
的 导线 朗 化 较 关 反射 光线 的 方向 变化 也 更 大 


在 上 面 的 内 容 中 ， 我 们 并 没有 讨论 那些 被 微 表 面 折射 的 光 。 这 些 
光 被 折射 到 物体 的 内 部 ， 一 部 分 被 介质 吸收 ， 一 部 分 又 被 散射 到 外 
部 。 人 金属 材质 具有 很 高 的 吸收 系数 ， 因 此 ， 所 有 被 折射 的 光 往 往 会 被 
立刻 吸收 ， 被 金属 内 部 的 自由 电子 转化 成 其 他 形式 的 能 量 。 而 非 金 属 
材质 则 会 同时 表现 出 吸收 和 散射 两 种 现象 ， 这 些 被 散射 出 去 的 光 又 被 
称 为 次 表面 散射 光 (subsurface-scattered light) 。 在 图 18.3 中 ， 我 们 
给 出 了 一 条 由 微 表 面 折 射 的 光 的 传播 路 径 〈 如 图 18.3 所 示 的 蓝 线 ， 读 者 
可 参考 作者 给 出 的 彩 图 ) 。 


Ae 


4 图 18.3 微 表 面 对 光 的 折射 。 这 些 被 折射 的 区 中 一 部 分 被 吸收 ， 一 部 分 又 被 散射 到 外 部 


现在 ， 我 们 把 放大 镜 从 物体 表面 拿 开 ， 继 续 从 演 染 的 技 级 天 小 上 
考虑 区 与 表面 一 点 的 交互 行为 。 那 么 ， 由 微 表 面 反 射 的 论 可 以 被 认为 
苹 该 点 上 一 些 方向 变化 不 大 的 反射 光 ， 如 图 18.4 中 的 黄 线 所 示 。 而 折 映 


光线 ( 蓝 线 ， 则 需要 更 多 的 考虑。 那些 次 表面 散射 光 会 从 不 同 于 入 射 
点 的 位 置 从 物体 内 部 再 次 射出 ， 如 图 18.4 左 图 所 示 “。 而 这 些 离 人 射 点 的 
距离 值 和 像素 大 小 之 间 的 关系 会 产生 两 种 建 模 结果 。 如 有 果 像 素 要 大 于 
这 些 散 射 距离 的 话 ， 意 味 着 这 些 次 表面 散射 产生 的 距离 可 以 被 忽略 ， 
那 我 们 的 泻 染 束 可 以 在 局 部 进行 ， 如 图 18.4 右 图 所 示 。 如 末 像 素 要 小 于 
这 些 散 射 距离 ， 我 们 束 不 可 以 选择 忽略 它们 了 ， 要 实现 更 真实 的 次 表 
en 
泻 染 技术 。 


A 图 18.4 次 表面 散射 。 左 边 : 次 表面 散射 的 光线 会 从 不 同 于 入 射 点 的 位 置 射 出 。 如 果 这 些 距 
离 值 小 于 需要 被 着 色 的 像素 大 小 ， 那 么 演 染 就 可 以 完全 在 局 部 完成 (右边) 。 否 则 ， 就 需要 使 
用 次 表面 散射 浑 染 技术 


我 们 下 面 的 内 容 均 建立 在 不 考虑 次 表面 散射 的 距离 ， 而 完全 使 用 
局 部 着 色 泻 染 的 前 提 下 。 


18.1.2 ”双向 反射 分 布 画 数 (BRDF) 


在 了 解 了 上 面 的 理论 基础 后 ， 我 们 现在 来 学 习 如 何 用 数学 表达 式 
9 。 这 意味 着 ， 我 们 要 对 光 这 个 看 似 抽 象 的 概念 
进行 量化 。 


我 们 可 以 用 辐射 率 (radiance) 来 量化 光 。 辐 射 率 是 单位 面积 、 
单位 方向 上 光源 的 辐射 通 量 ， 通 党 用工 来 表示 ， 被 认为 是 对 单一 光线 的 
亮度 和 颜色 评估 。 在 演 染 中 ， 我 们 通常 会 基于 表面 的 入 射 光 线 的 入 射 


辐射 率 忆 来 计算 出 射 辐射 率 5 。 ， 这 个 过 程 也 往往 被 称 为 是 着 色 
(shading) 过 程 。 


而 要 得 到 出 射 辐射 率 L, ， 我 们 需要 知道 物体 表面 一 点 是 如 何 和 光 
进行 交互 的 。 而 这 个 过 程 就 可 以 使 用 BRDF (Bidirectional Reflectance 
Distribution Function， 中 文 名 称 为 双向 反射 分 布 本 数 ) 来 定量 分 析 。 
大 多 数 情 况 下 ，BRDF 可 以 用 fl,vy) 来 表示 ， 其 中 1 为 入 射 方向 和 v 为 
观察 方向 〈 双 向 的 含义 ) 。 这 种 情况 下 ， 绕 着 表面 法 线 旋转 入 射 方 回 
或 观察 方向 并 不 会 影响 BRDF 的 结果 ， 这 种 BRDF 被 称 为 是 各 项 同性 
(isotropic) 的 BRDF。 与 之 对 应 的 则 是 各 向 异性 ”(anisotropic) 的 
BRDF ° 


那么 ，BRDF 到 底 表 示 的 含义 是 什么 呢 ? BRDF 有 两 种 理解 方式 
一 一 第 一 种 理解 是 ， 当 给 定 入 射 角度 后 ，BRDF 可 以 给 出 所 有 出 射 方 回 
上 的 反射 和 散射 光线 的 相对 分 布 情况 ; 第 二 种 理解 是 ， 当 给 定 观 穴 方 
向 〈 即 出 射 方向 ) 后 ，BRDF 可 以 给 出 从 所 有 入 射 方向 到 该 出 射 方向 的 
光线 分 布 。 一 个 更 直观 的 理解 是 ， 当 一 束 光线 沿 着 入 射 方向 1 到 达 表 面 
某 点 时 ，f(1,v ) 表 示 了 有 多 少 部 分 的 能 量 被 反射 到 了 观察 方向 v 上。 


据 此 ， 我 们 给 出 基于 物理 渔 染 的 技术 中 ， 第 一 个 重要 的 等 式 一 一 
反射 等 式 (reflection equation) 


Bs 由 HD i 
9 


反射 等 式 实际 上 十 演 染 方程 的 一 个 特殊 情况 ， 但 它 是 基于 物理 基 
础 的 。 尽 管 上 面 的 式 子 看 起 来 有 些 复 洒 ， 但 很 好 理解 ， 即 给 定 观 察 视 
角 v ， 该 方向 上 的 出 射 辐射 紊 zol 由 等 于 所 有 入 射 方 同 的 辐射 率 积 分 乘 
以 它 的 BRDF 值 f( 1,v)， 再 乘 以 一 个 余弦 值 (n 1)。 如 有 果 积 分 的 概念 对 
某 些 读者 来 说 难以 理解 ， 我 们 使 用 更 简单 的 方式 来 理解 。 想 象 我 们 现 
在 要 计算 表面 上 某 点 的 出 射 辐射 率 ， 我 们 已 知 到 该 点 的 观察 方 同 ， 该 
点 的 出 射 辐射 率 是 由 从 许多 不 同方 网 的 入 射 罚 射 率 县 加 后 的 结 采 。 其 
中 ，BRDF 表 示 了 不 同方 向 的 入 射 光 在 该 观察 方向 上 的 权重 分 布 。 我们 
把 这 些 不 同方 向 的 光 辐 射 率 (Li (1) 部 分 ) 乘 以 观察 方向 上 所 占 的 权重 


(fly) 部 分 ) ， 再 乘 以 : 忆 们 在 该 表面 的 投影 结果 (n 1 ) 部 分 ) ， 最 后 
再 把 这 些 值 加 起 来 ( 即 做 积分 ) 就 是 最 后 的 出 射 辐射 率 。 


在 游戏 泻 染 中 ， 我 们 通常 是 和 一 些 精确 光源 (punctual light 
sources) 打交道 的 ， 而 不 是 计算 所 有 入 射 光线 在 半球 面 上 的 积分 。 精 
确 光 源 指 的 是 那些 方 回 确定、 大 小 为 无 线 小 的 光源 ， 例 如 ， 第 见 的 点 
光源 、 皮 光 灯 等 。 我 们 使 用 1 来 表示 它 的 方 喇 ， 使 用 cjign 表示 它 的 
颜色 。 使 用 精确 光源 的 最 大 的 好 处 在 于 ， 我 们 可 以 大 大 简化 上 面 的 反 
射 等 式 。 这 里 省 略 推导 过 程 (有 兴趣 的 读者 可 以 阅读 参考 文献 [1]) ， 
直接 给 出 结论 ， 即 对 于 一 个 精确 光源 ， 我 们 可 以 使 用 下 面 的 等 式 来 计 
算 它 在 某 个 观察 方向 v 上 的 出 射 辐 射 率 : 


Lo(v) = xf (le,v) X cion(n :le) 


和 之 前 使 用 积分 形式 的 原始 反射 等 式 相 比 ， 上 面 的 式 子 使 用 一 个 
符 定 的 BRDF 值 来 代替 积分 操作 ， 这 大 大 位 化 了 计 香 。 如 琳 场 景 中 包含 
了 多 个 精确 光源 ， 我 们 可 以 把 它们 分 别 代 入 上 面 的 式 子 进行 计算 ， 然 
后 把 它们 的 结果 相 加 即 可 。 


下 面 ， 我 们 来 看 一 下 反射 等 式 中 的 重要 组 成 部 分 一 -BRDF 是 如 何 
得 到 的 。 可 以 看 出 ，BRDF 决 定 了 着 色 过 程 是 否 是 基于 物理 的 。 这 可 以 
由 BRDF 是 否 满足 两 个 特性 来 判断 : 它 是 否 满足 交换 律 (reciprocity) 
和 人 能量 守 恒 (energy conservation ) 


交换 律 要 求 当 交换 1 和 v 的 值 后 ，BRDF 的 值 不 变 ， 


(L, vy) = ) 


而 能 量 守 恒 则 要 求 未 面 反 射 的 角 入 射 的 光 能 


VL， [ fl,v)(n:Ddw, <!1 
Q 


基于 这 些 理论 ，BRDF 可 以 用 于 描述 两 种 不 同 的 物理 现象 ， 表面 反 
射 和 次 表面 散射 。 针 对 每 种 现象 ，BRDF 通 常会 包含 一 个 单独 的 部 分 来 
描述 它们 一 用 于 描述 表面 反射 的 部 分 被 称 为 高 光 反 射 项 (specular 
以 及 用 于 描述 次 表面 散射 的 漫 反射 项 (diffuse term) ， 如 

18.5 所 示 。 


漫 反射 


高 光 反 射 


4 图 18.5 BRDF 描 述 的 两 种 现象 。 ee 于 描述 反射 ， 漫 反射 部 分 用 于 描述 次 表面 
散 条 


18.1.3” 漫 反射 项 


我 们 之 前 所 学 习 的 Lambert 模 型 就 是 最 简单 、 也 是 应 用 最 广泛 的 漫 
反射 BRDF。 谁 确 的 Lambertian BRDF 的 表示 为 : 


Caiyf 
nik vy) 到 


其 中 ，c dr 表示 漫 反 射 光 线 所 占 的 比例 ， 它 也 通 币 被 称 为 是 漫 反 
射 颜色 (diffuse color) 。 与 我 们 之 前 讲 过 的 Lambert 光 照 模型 不 太一 样 
的 是 ， 上 面 的 式 子 实际 上 是 一 个 定 值 ， 我 们 常见 到 的 余弦 ( 即 (n:1)) 
因子 部 分 实际 是 反射 等 式 的 一 部 分 ， 而 不 是 BRDF 的 部 分 。 上 面 的 式 子 
之 所 以 要 除 以 ， 是 因为 我 们 假设 漫 反 射 在 所 有 方向 上 的 强度 都 是 相同 
的 ， 而 BRDEF 有 要 求 在 半球 内 的 积分 值 为 1。 因 此 ， 给 定 入 射 方 同 工 的 光 
源 在 表面 某 点 的 出 射 漫 反映 辐 射 率 为 : 


Caiff 
A 


Lambert 模 型 虽然 简单 ， 但 很 多 基于 物理 的 泻 染 选择 使 用 了 更 复杂 
的 漫 反 射 项 来 模拟 次 表面 散射 的 结 有 末 。 例 如 ， 在 Disney 使 用 的 BRDF[2] 
中 ， 它 的 漫 反 射 项 为 : 


jy 人 有 = EO (1 + (Foo0 -DG —n -DL + (Fpo0 -DG 于) 


Lairr 一 X Li(D(n 。 7) 


其 中 ; 
Fpo0 = 0.5 + 2roughness(h :DD)” 


在 Disney 的 实现 中 ，baseColor 是 表面 颜色 ， 通 常 由 纹理 采样 得 
到 ，roughness 是 表面 的 粗糙 度 。 上 面 的 漫 反 射 项 既 考 虑 了 在 掠 射 角 
(glancing angles) 漫 反 射 项 的 能 量变 化 ， 还 考虑 了 表面 的 粗糙 度 对 漫 
反射 的 影响 。 而 上 面 的 式 子 也 正 是 Unity 5 内 部 使 用 的 漫 反射 项 。 


18.1.4 ”高 光 反 射 项 
在 现实 生活 中 ， 几 乎 所 有 的 物体 都 或 多 或 少 有 高 光 反 射 现象 。 


John Hable 在 他 的 文章 中 就 强调 了 Everything is Shiny 。 但 在 许多 传统 
的 Shader 中 ， 很 多 材质 只 考虑 了 漫 反 射 效 果 ， 而 并 没有 添加 高 光 反 射 ， 


这 使 得 演 染 出 来 的 画面 并 不 那么 真实 可 信 “。 在 基于 物理 的 演 染 中 ， 
BDRF 中 的 高 光 反 射 项 大 多 数 都 是 建立 在 微 面 元 理论 (microfacet 
theory) 的 假设 上 的 。 微 面 元 理论 认为 ， 物 体 表 面 实际 是 由 许多 人 眼 
看 不 到 的 微 面 元 组 成 的 ， 虽 然 物体 表面 并 不 是 光学 平 消 的 ， 但 这 些微 
面 元 可 以 被 认为 是 光学 平滑 的 ， 也 束 是 说 它们 具有 完美 的 高 光 反 射 。 
当 光 线 和 物体 表面 一 点 相交 时 ， 实 际 上 是 和 一 系列 微 面 元 交互 的 结 
果 。 正 如 我 们 在 18.1.1 广 中 看 到 的 ， 当 光 和 这 些微 面 元 相交 时 ， 光 线 会 
被 分 割 成 两 个 方向 一 一 反射 方向 和 折射 方向 。 这 里 我 们 只 需要 考虑 被 
反射 的 光线 ， 而 折射 光线 已 经 在 之 前 的 滥 反 射 项 中 考虑 过 了 “。 当然 ， 
微 面 元 理论 也 仅仅 是 真实 世界 的 散射 的 一 种 近似 理论 ， 它 也 有 目 号 的 
缺陷 ， 仍 然 有 一 些 材 质 十 无 法 使 用 微 面 元 理论 来 接 述 的 。 


假设 表面 法 线 为 n ， 这 些微 面 元 的 法 线 m 并 不 都 等 于 n ， 因 此 ， 
不 同 的 微 面 元 会 把 同一 入 射 方 癌 的 光线 反射 到 不 同 的 方向 上 。 而 当 我 
们 计算 BRDF 时 ， 入 射 方向 1 和 观察 方向 v 都 会 被 给 定 ， 这 意味 着 只 有 
一 部 分 微 面 元 反射 的 光线 才 会 进入 到 我 们 的 眼睛 中 ， 这 部 分 微 面 元 会 
恰好 把 光线 反射 到 方向 v 上， 即 它们 的 法 线 严 等 于 1 和 vv 的 一 半 ， 也 
就 是 我 们 一 直 看 到 的 半角 度 和 失 量 h (half-angle vector， 也 被 称 为 half 
vector) ， 如 图 18.6 (a) 所 示 。 


然而 ， 这 些 严 = 天 的 微 面 元 反射 也 并 不 会 全 部 添加 到 BRDF 的 计算 
中 。 这 是 因为 ， 它 们 其 中 一 部 分 会 在 入 射 方向 1 上 被 其 他 微 面 元 挡住 
(shadowing) ， 如 图 18.6 (b) 所 示 ， 或 是 在 它们 的 反射 方向 v 上 被 其 
他 微 面 元 挡住 了 (masking) ， 如 图 18.6 (c) 所 示 。 微 面 元 理论 认为 ， 
所 有 这 些 被 遮挡 住 的 微 面 元 不 会 添加 到 高 区 反 射 项 的 计算 中 (实际 上 
筷 们 中 的 一 些 由 于 多 次 反射 仍然 会 被 我 们 看 到 ， 但 这 不 在 微 面 元 理论 
的 考虑 范围 内 ) 。 


基于 微 面 元 理论 的 这 些 假设 ，BRDEF 的 高 光 反 射 项 可 以 用 下 面 的 形 


 F(L,h)G(, v, DA) 
oe) A De) 


图 18.6 (a) ”那些 m=h 的 微 面 元 会 恰好 把 入 射 光 从 I 反射 到 v 上 ， 只 有 这 部 分 微 面 元 才 可 
以 添加 到 BRDF 的 计算 中 。 (b) 一 部 分 满足 (a) 的 微 面 元 会 在 了 方向 上 被 其 他 微 面 元 遮挡 
住 ， 它 们 不 会 接受 到 光照 ， 因 此 会 形成 阴影 。 (c) 还 有 一 部 分 满足 (a) 的 微 面 元 会 在 反射 方 
向 v 上 被 其 他 微 面 元 挡住 ， 因 此 ， 这 部 分 反射 光 也 不 会 被 看 到 


> 


这 就 是 著名 的 Torrance-Sparrow 微 面 元 模型 [5]。 上 面 的 式 子 看 起 来 
难以 理解 ， 实 际 上 其 中 的 各 个 项 对 应 了 我 们 之 前 讲 到 的 不 同 现象 。D ( 
h ) 是 微 面 元 的 法 线 分 布 函 数 (normal distribution function，NDE) 

， 它 用 于 计算 有 多 少 比 例 的 微 面 元 的 法 线 满足 m = h ， 只 有 这 部 分 微 
面 元 才 会 把 光线 从 1 方向 反射 到 v 上 。G (1,v,h ) 是 阴影 一 谈 掩 范 数 

(shadowing-masking function) ， 它 用 于 计算 那些 满足 m =h 的 微 面 
元 中 有 多 少 会 由 于 遮挡 而 不 会 被 人 眼看 到 ， 因 此 它 给 出 了 活跃 的 微 面 
元 (active microfacets) 所 占 的 浓度 ， 只 有 活跃 的 微 面 元 才 会 成 功 地 把 
光线 反射 到 观察 方向 上 。F (1 , 户 ) 则 是 这 些 活 跃 微 面 元 的 菲 涅 尔 反 射 

(Fresnel reflectance) 琅 数 ， 它 可 以 告诉 我 们 每 个 活跃 的 微 面 元 会 把 
多 少 入 射 光 线 反 射 到 观察 方 铝 上 ， 即 表示 了 反射 光线 占 入 射 光 线 的 比 
率 。 事 实 上 ， 现 实生 活 中 几乎 所 有 的 物体 都 会 表现 出 菲 涅 耳 现 象 ， 读 
者 可 以 在 一 篇 很 有 意思 的 文章 Everything has Fresnel 中 看 到 一 些 这 样 
的 例 和 于。 最 后 ， 分 母 4n1)(Cny) 是 用 于 校正 从 微 面 元 的 局 部 空间 到 整 
体 宏观 表面 数量 差异 的 校正 因子 。 


这 些 不 同 的 部 分 义 可 以 衍生 出 很 多 不 同 的 BRDF 实 现 。 例 如 ， 我 们 
之 前 学 习 的 Blinn-Phong 模 型 [7] 就 是 一 种 非常 简单 的 模型 ， 它 使 用 的 法 
线 分 布 函数 D (hh ) 为 : 


Dpiinn(h) = (n+ h)s'0 


但 实际 上 Blinn-Phong 模 型 并 不 能 真实 地 反映 很 多 真实 世界 中 物体 
的 微 面 元 法 线 反射 分 布 ， 因 此 ， 很 多 更 加 复杂 的 分 布 函数 被 提 了 出 
来 ， 例 如 GGX[3]、Beckmann[4] 等 。 同 样 ， 阴 影 - 遮 措 函 数 G (1,v,h) 
也 有 很 多 相关 工作 被 提 了 出 来 ， 例 如 Smith 模 型 [6]。 这 些 数学 模型 都 是 
2 0 


尽管 存在 很 多 基于 物理 的 BRDF 模 型 ， 但 在 真实 的 电影 或 游戏 制作 
中 ， 我 们 布 望 在 直观 性 和 物理 可 信 度 之 间 找 到 一 个 平衡 点 ， 使 得 实现 
的 BRDF 既 可 以 让 美工 人 员 直 观 地 调节 各 个 参数 ， 而 又 有 一 定 的 物理 可 
信和 度 。 当 然 ， 有 时 候 为 了 满足 直观 性 我 们 不 得 不 牺牲 一 定 的 物理 特 
性 ， 得 到 的 BRDF 可 能 不 是 挛 格 基于 物理 原理 的 。 


在 下 面 的 内 容 中 ， 我 们 给 出 Unity 5 使 用 的 实现 。 


18.1.5 ”Unity 中 的 PBS 实 现 


在 之 前 的 内 容 中 ， 我 们 提 到 了 Unity 5 的 PBS 实 际 上 是 受 Disney 的 
BRDF[2] 的 局 发 。 这 种 BRDEF 最 大 的 好 处 之 一 就 是 很 直观 ， 只 需要 提供 
一 个 万 能 的 Shader 束 可 以 让 美工 人 员 通 过 调整 少量 参数 来 泻 染 绝 大 部 分 
常见 的 材质 。 我 们 可 以 在 Unity 内 置 的 UnityStandardBRDF.cginc 文 件 中 
找到 它 的 实现 。 


总 体 来 说 ，Unity 5 一 共 实 现 了 两 种 PBS 模 型 。 一 种 是 基于 GGX 模 
型 的 ， 另 一 种 则 是 基于 归 一 化 的 Blinn Phong 模 型 的 。 这 两 种 模型 使 用 
了 不 同 的 公式 来 计算 高 光 反 射 项 中 的 法 线 分 布 函数 D (hh ) 和 阴影 一 遮掩 
函数 G (1,y ,h )。 在 默认 情况 下 ，Unity 5.2 使 用 基于 归 一 化 后 的 Blinn- 
Phong 模 型 来 实现 基于 物理 的 渲染 (但 在 Unity 5.3 及 以 后 版 本 中 ， 默 认 
将 使 用 GGX 模 型 ， 这 和 很 多 其 他 主流 引 警 的 选择 一 致 ) 。 


如 前 面 所 讲 ，Unity 使 用 的 BRDF 中 的 漫 反 射 项 使 用 的 公式 如 下 ; 


baseCol 
fa (br) = 一 (L400 1 nD 4 og — I = Nn) 


二 中 
Fpo0 = 0.5 + 2roughness(h :DD)” 


下 面 我 们 给 出 基于 GGX 模 型 的 高 光 反 射 项 公式 。 对 于 基于 归 一 化 
的 Blinn-Phong 模 型 的 高 光 反 射 公 式 ， 读 者 可 以 从 
UnityStandardBRDF.cginc 文 件 找 到 它们 的 实现 。 


Unity 对 高 光 反 射 项 中 的 法 线 分 布 函 数 D (hh ) 采 用 了 GGX 模 型 的 一 
种 实现 : 


02 


Pecx = z((a2 — Dn :hy 十 1)2 


其 中 ， 


Q = roughness 


明 影 -遮掩 函 数 G (1,v ,hh ) 则 使 用 了 一 种 由 GGX 人 往生 出 的 Smith- 
Schlick 模 型 . 


2 


1 
OWI Tn a ml 
roughness” 
We— 
其 中 ， 2 


而 菲 涅 耳 反 映 F(1,Pm) 刚 使 用 了 图 形 学 中 经 党 使 用 的 Schlick 菲 涅 耳 
近似 等 式 [7]: 


F(Lh)= Fo+(— Fo) 77 


其 中 F 0 表示 高 光 反 射 系 数 ， 在 Unity 中 往往 指 的 就 是 高 光 反 射 颜 
色 。 


上 上 面 的 公式 对 于 某 些 读者 来 说 可 能 星 深 难 情 ， 实 际 上 ， 这 些 数 学 
大 多 来 源 于 对 真实 世界 中 各 种 物体 的 BRDF 的 分 析 ， 再 使 用 不 同 的 数学 
模型 进行 晕 近 。 如 琳 读 着想 要 深入 了 解 基 于 物理 的 泻 染 的 数学 原理 和 
应 用 的 话 ， 可 以 参见 本 章 的 扩展 阅读 部 分 。 


邓 运 的 是 ， 在 Unity 中 我 们 不 需要 上 自己 在 Shader 中 实现 上 面 的 公 
式 ，Unity 已 经 为 我 们 提供 了 现成 的 基于 物理 着 色 的 Shader， 也 就 是 
Standard Shader ° 


18.2 Unity 5 的 Standard Shader 


当 我 们 在 Unity 5 中 新 创建 一 个 模型 或 是 新 创建 一 个 材质 时 ， 其 默 
认 使 用 的 着 色 需 都 是 一 个 名 为 Standard 的 着 色 需 。 这 个 Standard Shader 
就 使 用 了 我 们 之 前 所 讲 的 基于 物理 的 渲染 。 


Unity 支 持 两 种 流行 的 基于 物理 的 工作 流程 ， 金 属 工作 流 

(Metallic workflow) 和 高 光 反 射 工作 流 (Specular workflow) 。 其 
中 ， 人 金属 工作 流 是 默认 的 工作 流程 ， 对 应 的 Shader 为 Standard Shader 。 
而 如 果 想 要 使 用 高 光 反 射 工 作 流 ， 就 需要 在 材质 的 Shader 下 拉 框 中 选择 
Standard (Specular setup) 。 需 要 注意 的 是 ， 通 常 来 讲 ， 使 用 不 同 的 工 
作 流 可 以 实现 相同 的 效果 ， 只 是 它们 使 用 的 参数 不 同 而 已 。 人 金属 工作 
流 也 不 意味 着 它 只 能 模拟 金属 类 型 的 材质 ， 金 属 工作 流 的 名 字 来 源 于 
它 定义 了 材质 表面 的 金属 值 (是 金属 类 型 的 还 是 非 金 属 类 型 的 ) 。 高 
光 反 射 工作 流 的 名 字 来 源 于 它 可 以 直接 指定 表面 的 高 光 反 射 颜 色 (有 
很 强 的 高 光 反 射 还 是 很 弱 的 高 光 反 射 ) 等 ， 而 在 金属 工作 流 中 这 个 颜 
色 需 要 由 漫 反 射 颜色 和 人 金属 值 衍生 而 来 。 在 实际 的 游戏 制作 过 程 中 ， 
我 们 可 以 选择 自己 更 偏好 的 工作 流 来 制作 场景 ， 这 更 多 的 是 个 人 喜好 
的 问题 。 当 然 也 可 以 同时 混用 两 种 工作 流 。 


在 下 面 的 内 容 中 ， 我 们 用 Standard Shader 来 统称 Standard 和 Standard 
(Specular setup) 着 色 器 。Unity 提 供 的 Standard Shader 允 许 让 我 们 只 使 
用 这 一 种 Shader 来 为 场景 中 所 有 的 物体 进行 着 色 ， 而 不 需要 考 虚 它们 是 
否 是 金属 材质 还 是 塑料 材质 等 ， 从 而 大 大 减少 我 们 不 断 调整 材质 参数 
所 花费 的 时 间 。 


18.2.1 ”它们 是 如 何 实现 的 


Standard 和 Standard (Specular setup) 的 Shader 源 代码 可 以 在 Unity 
内 置 的 builtin_shaders-5.x/ DefaultResourcesExtra 文 件 夹 中 找到 ， 这 些 
Shader 依 赖 于 builtin_shaders-5.x/CGIncludes 文 件 夹 中 定义 的 一 些 头 文 
件 。 这 些 相关 的 头 文件 的 名 称 大 多 类 似 于 UnityStandardXXX.cginc， 其 
中 定义 了 和 PBS 相 关 的 各 个 函数 、 结 构 体 和 安 等 。 表 18.1 列 出 了 这 些 头 
文件 的 名 称 以 及 它们 的 主要 用 处 。 


UnityPBSLighting.cginc 


UnityStandardCore.cginc 


UnityStandardBRDF.cginc 


UnityStandardInput.cginc 


UnityStandardUtils.cginc 


UnityStandardConfig.cginc 


UnityStandardMeta.cginc 


表 18.1 


SurfaceOutputStandardSpecular 结 构 体 


定义 了 Standard 和 Standard (Specular setup) Shader 使 用 
的 顶点 / 片 元 着 色 器 和 相关 的 结构 体 、 辅 助 画 数 等 ， 

如 vertForwardBase、fragForwardBase、 
MetallicSetup、SpecularSetup 函 数 和 
VertexOutputForwardBase、FragmentCommonData 结 构 


体 


实现 了 Unity 中 基于 物理 的 泻 染 技术， 定义 了 
BRDF1_Unity_PBS、BRDF2_Unity_PBS 和 
BRDF3_Unity_PBS 等 本 数 ， 来 实现 不 同 平台 下 的 
BRDF 


声明 了 Standard Shader 使 用 的 相关 输入 ， 包 括 shader 使 
的 属性 和 顶点 着 色 器 的 输入 结构 体 VertexInput， 并 
定义 了 基于 这 些 输入 的 辅助 函数 ， 如 TexCoords、 
Albedo、Occlusion、SpecularGloss 等 函数 


Standard Shader 使 用 的 一 些 辅助 画 数 ， 将 来 可 
到 UnityCG.cginc 文 件 中 


十 Standard Shader 的 相关 配置 ， 例 如 默认 情况 下 关闭 
简化 版 的 PBS 实 现 〈 将 UNITY_STANDARD _ SIMPLE 
设 为 0) ， 以 及 使 用 基于 归 一 化 的 Blinn-Phong 模 型 而 
非 GGX 模 型 来 实现 BRDEF (将 UNITY_BRDF_GGX 设 
为 0) 


定义 了 Standard Shader 中 “LightMode” 为 “Meta” 的 Pass 
3 于 提取 光照 纹理 和 全 局 光照 的 相关 信息 ) 使 用 的 


顶点 / 片 元 着 色 器 ， 以 及 它们 使 用 的 输入 /输出 结构 体 


定义 了 Standard Shader 
UnityStandardShadow.cginc 中 “LightMode”" 为 “ShadowCaster" 的 Pass (用 于 投射 阴 
了 2 影 ) 使 用 的 顶点 / 片 元 着 色 器 ， 以 及 它们 使 用 的 输入 / 


输出 结构 体 


定义 了 和 全 局 光照 相关 的 函数 ， 如 
UnityGloballllumination 函数 


UnityGloballllumination.cginc 


我 们 可 以 打开 Standard.shader 和 StandardSpecular.shader 文 件 来 分 析 
Unity 是 如 何 实现 基于 物理 的 泻 染 的 。 总 体 来 讲 ， 这 两 个 Shader 的 代码 
基本 相同 它们 都 定义 了 两 个 SubShader， 第 一 个 SubShader 使 用 的 计 
算 更 加 复杂 ， 主 要 针对 非 移动 平台 (通过 #pragma exclude_renderers 
gles 代 码 来 排除 GLES 平 台 ; ， 并 定义 了 前 疝 泻 染 路 径 和 延迟 泻 染 路 径 
使 用 的 Pass， 以 及 用 于 投射 阴影 和 提取 元 数据 的 Pass;， 第 二 个 
SubShader 定 义 了 4 个 Pass， 其 中 两 个 Pass 用 于 前 回 演 染 路 径 ， 一 个 Pass 
用 于 投射 阴影 ， 另 一 个 Pass 用 于 提取 元 数据 ， 该 SubShader 主 要 针对 移 
动 平台 。Standard.shader 和 StandardSpecular.shader 最 大 的 不 同 之 处 在 
于 ， 它 们 在 设置 BRDF 的 输入 时 使 用 了 不 同 的 函数 来 设置 各 个 参数 一 一 
基于 金属 工作 流 的 Standard Shader 使 用 MetallicSetup 函 数 来 设置 各 个 参 
数 ， 基 于 高 光 反 射 工作 流 的 Standard (Specular setup) Shader 使 用 
SpecularSetup 范 数 来 设置 。MetallicSetup 和 SpecularSetup 了 范 数 均 在 
UnityStandardCore.cginc 文 件 中 被 定义 。 图 18.7 给 出 了 Standard Shader 中 
用 于 前 向 洽 染 路 径 的 典型 实现 ， 这 是 由 对 内 置 文件 的 分 析 所 得 。 


从 图 18.7 中 可 以 看 出 ， 两 个 Pass 的 代码 大 体 相 同 ， 只 是 ForwardBase 
Pass 进 行 了 更 多 的 光照 计算 ， 例 如 ， 计 算 全 局 光照 、 自 发 光 等 效果 ， 这 
些 计 算 只 需要 在 物体 的 整个 渲染 过 程 中 计算 一 次 即 可 ， 因 此 不 需要 在 
FarwardAdd Pass 中 再 计算 一 次 ， 这 与 我 们 之 前 学 习 前 辣 泻 染 时 的 经 验 
一 致 。 


18.2.2 ”如 何 使 用 Standard Shader 


我 们 之 前 提 到 ，Unity 5 的 Standard Shader 适 用 于 各 种 材质 的 物体 ， 
但 是 ， 我 们 应 该 如 何 使 用 Standard Shader 来 得 到 不 同 的 材质 效果 呢 ? 


我 们 首先 来 回答 一 个 问题 ， 为 什么 不 同 的 材质 看 起 来 是 如 此 不 同 
呢 ? 这 需要 回顾 我 们 在 18.1 市 讲 到 的 内 容 。 我 们 知道 ， 材 质 和 光 的 交互 
可 以 分 成 漫 反 射 和 高 区 反射 两 个 部 分 ， 其 中 漫 反 射 对 应 了 次 表面 散射 
的 结果 ， 而 高 区 反射 则 对 应 了 表面 反射 的 结 采 。 通 过 对 金属 材质 和 非 
金属 材质 的 分 析 ， 我 们 可 以 得 到 它们 的 漫 反 射 和 高 光 反 射 的 一 些 特 
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ForwardBase Pass 


顶点 着 色 器 片 元 着 色 器 
VerexInput ”一 vertForwardBase VertexOutputForwardBase —_ fragForwardBase 
(UnityStandardInput.cginc) (UnityStandardCore.cginc) (UnityStandardCore.cginc) (UnityStandardCore.cginc) 


计算 VertexOutputForwardBase 中 的 各 个 变量 值 ， Pocosetd 区 Me leseluR 二 男 区 玉江 让 BRPT 和 从 结构 
如 项 点 位 置 pos、 纹 理 坐标 tex、 视 角 位 轩 oe ee 信息 ， 为 调用 BRDF 做 准 
eyeVec、 阴 影 玲 标 等 。 i 源 、 阴 影 、 遮 挡 、 全 局 光照 等 信息 ， 为 调用 做 准备 ; 

, 调用 UNITY_BRDF_PBS 函 数 全 和 cginc 文 件 中 被 定 
X) 计算 基于 物理 的 泻 染 结果 ; 
用 UNITY_BRDF _GI 函 数 EPES Shiing cginc 文 件 中 被 定 
添加 全 局 光照 的 泻 染 结 


ee 


时 
dtd 
芝 著 出 


效果 ; 
草拟 (如果 开启 的 话 ) ; 
像素 值 。 


ForwardAdd Pass 


顶点 着 色 器 片 元 着 色 器 
~ VerexInput ”一 =| vertForwardAdd VertexOutputForwardAdd 一 fragForwardAdd 
(UnityStandardInput.cginc) (UnityStandardCore.cginc) (UnityStandardCore.cginc) (UnityStandardCore.cginc) 
处 
、 | 


证 于 ort omardAgd 中 由 各 个 束 池 人 如 rerenic ammo Bot EA 
位 置 po' 
gt 


体 fagm tComm 
、 纹 理 坐标 tex、 视 角 位 置 eyeVec、 2 计算 类 尖 和 用 时 信息 ， 为 油 由 BR 


DF 做 准备 ; 
调用 UNITY_BRDF_PBS ( (在 UnityPBSLighting. cginc 文 件 中 被 定义 ) 函 
计时 于 物理 的 沾染 续 

霖 加 雾 效 模拟 ( 如 果 开启 的 话 ) ; 
5 返回 最 后 的 像素 值 


A 图 18.7 Standard Shader 中 前 向 泻 染 路 径 使 用 的 Pass (简化 版 本 的 PBS 使 用 了 
VertexOutputBaseSimple 等 结构 体 来 代替 相应 的 结构 体 ) 


1. 金属 材质 


。 几乎 没有 漫 反 射 ， 因 为 所 有 被 吸收 的 光 都 会 被 目 由 电子 立刻 转化 
为 其 他 形式 的 能 量 ; 

。 有 非常 强烈 的 高 光 反 射 ; 

。 高 光 反 射 通常 是 有 颜色 的 ， 例 如 金子 的 反光 颜色 为 黄色 。 


2. 非 金属 材质 


。 大 多 数 角 度 高 光 反 射 的 强度 比较 弱 ， 但 在 掠 射 角 时 高 光 反 射 强度 
反而 会 增强 ， 即 菲 涅 耳 现 象 ; 

。 高 光 反 射 的 颜色 比较 单一 ; 

。 漫 反射 的 颜色 多 种 多 样 。 


但 真实 的 材质 大 多 混合 了 上 面 的 这 些 特性 ，Unity 提 供 的 工作 流 残 
是 为 了 更 加 方便 地 让 我 们 针对 以 上 特性 来 调整 材质 效 采 。 在 Unity 官 方 
提供 的 示例 项 目 Shader Calibration Scene 

(https://www.assetstore.unity3d.com/en/#!/content/25422 ) 中 ，Unity 提 
供 了 两 个 非常 有 参考 价值 的 校准 表格 ， 如 图 18.8 所 示 ， 它 们 分 别 对 应 了 
金属 工作 流 和 高 光 反 射 工作 流 使 用 的 参考 属性 值 ， 来 方便 我 们 针对 不 
同类 型 的 材质 来 调整 参数 。 读 者 也 可 以 在 本 书 资源 的 
Assets/Textures/Chapter18/Charts 文 件 夹 找 到 这 两 张 校准 表格 。 


SHADER CALIBRATION SCENE SHADER CALIBRATION SCENE 
METALLIC VALUE CHARTS SPECULAR VALUE CHARTS 
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图 18.8 Unity 提 供 的 校准 表格 。 左 边 : 金属 工作 流 使 用 的 校准 表格 ， 右 边 : 高 光 反 射 工作 流 
使 用 的 校准 表格 


我 们 以 图 18.8 的 左 图 ， 即 金属 工作 流 使 用 的 校准 表格 为 例 ， 来 解释 
如 何 使 用 这 张 校准 表格 来 指导 我 们 调整 材质 。 在 本 书 资源 的 场景 文件 
Scene_18_ 2 中 ， 我 们 提供 了 一 个 简单 的 场景 来 展示 不 同 材质 的 结果 。 
图 18.9 显 示 了 场景 结果 以 及 物体 使 用 的 材质 。 需 要 注意 的 是 ， 读 者 需要 
在 Edit -~ Project Setttings 一 Player- Other Settings ~ Color Space 中 选择 
Linear 才 可 以 得 到 和 图 18.9 中 相同 的 效果 ， 这 是 因为 基于 物理 的 泻 染 需 
要 使 用 线性 空间 〈 详 见 18.3.4 节 ) 来 进行 相关 计算 。 


A 图 18.9 0 金属 材质 ， 右 边 的 球体 : 塑 


-人 


在 金属 工作 流 中 ， 材 质 面板 中 的 Albedo 定义 了 物体 的 整体 颜色 ， 
它 通 常 就 是 我 们 视觉 上 认为 的 物体 颜色 。 从 亮度 来 看 ， 非 金属 材质 的 
亮度 范围 通常 在 50~~243， 而 金属 材质 的 亮度 一 般 在 186 255 之 间 。 
Unity 给 的 校准 表格 〈 见 图 18.8 中 的 左 图 ) 中 还 给 出 了 一 些 非 金属 材质 
和 金属 材质 使 用 的 示例 Albedo 属 性 值 ， 我 们 可 以 直接 使 用 这 些 示例 值 
来 作为 材质 属性 。 当 然 ， 也 可 以 直接 使 用 一 张 纹理 作为 材质 的 Albedo 
值 。 在 我 们 的 例子 中 ， 我 们 把 金属 材质 (图 18.9 中 的 左边 的 球体 ) 的 
Albedo 设 为 银灰 色 ， 而 把 塑料 材质 (图 18.9 中 的 右边 的 球体 的 设 为 蓝 
绿色 。 材 质 面板 中 的 下 一 个 属性 是 Metallic ， 它 定义 了 该 物体 表面 看 起 
来 是 否 更 像 金 属 或 非 金属 。 同 样 ， 我 们 也 可 以 使 用 一 张 纹理 来 采样 得 
到 表面 的 Metallic 值 ， 此 时 该 纹理 中 的 R 通 道 值 将 对 应 了 Metallic 值 。 在 
我 们 的 例子 中 ， 我 们 把 金属 材质 的 Metallic 值 设 为 1， 表 明 该 物体 几乎 完 
全 是 一 个 金属 材质 ， 同 时 把 塑料 材质 的 Metallic 值 设 为 0， 表 了 明 该 物体 几 
乎 没有 任何 金属 特性 。 最 后 一 个 重要 的 材质 属性 是 Smoothness ， 它 是 


上 一 个 属性 Metallic 的 附属 值 ， 定 义 了 从 视觉 上 来 看 该 表面 的 光 请 程 
度 。 如 果 我 们 在 设置 Metallic 属性 时 使 用 的 是 一 张 纹理 ， 那 么 这 张 纹理 
的 A 通道 就 对 应 了 表面 的 Smoothness 值 (此 时 纹理 的 GB 通道 则 被 名 
略 ) 。 在 我 们 的 例子 中 ， 我 们 把 金属 材质 的 Smoothness 值 设置 为 相对 较 
大 的 0.7， 表 明 该 金属 表面 比较 光滑 ， 而 把 塑料 材质 的 Smoothness 值 设 
为 0.4， 表 明 该 塑料 表明 比较 粗糙 。 


高 光 反 射 工 作 流 使 用 的 面板 和 上 述 金属 工作 流 使 用 的 基本 相同 ， 
只 是 使 用 了 不 同 含义 的 Albedo 属性 ， 并 使 用 Specular 代替 了 上 壕 的 
Metallic 属性 。 在 高 光 反 射 工作 流 中 ， 材 质 的 Albedo 属性 定义 了 表面 
的 漫 反 射 强度 。 对 于 非 金属 材质 ， 它 的 值 通 常 仍然 是 视觉 上 认为 的 物 
体 颜 色 ， 但 对 于 金属 材质 ，Albedo 的 值 通常 非常 接近 黑色 (还 记得 
吗 ， 金 属 材 质 几乎 不 存在 次 表面 散射 的 现象 ) 。 高 光 反 射 工作 流 的 
Specular 属性 则 定义 了 表面 的 高 光 反 射 强度 。 非 金属 材质 通常 使 用 一 
个 灰 度 值 范 围 在 0~55 的 深 灰 色 来 作为 Specular 值 ， 表 明 非 金属 材质 的 
高 光 反 射 较 弱 。 人 金属 材质 则 通常 会 使 用 视觉 上 认为 的 该 金属 的 颜色 作 
为 它 的 Specular 值 。Specular 属性 同样 也 有 一 个 子 属性 Smoothness ， 它 
定义 了 从 视觉 上 来 看 该 表面 的 光滑 程度 。 和 上 面 的 金属 工作 流 类 似 ， 
如 果 使 用 了 一 张 纹理 来 为 Specular 属性 赋值 ， 那 么 纹理 的 RGB 通道 对 
应 了 Specular 属 性 值 ，A 通 道 对 应 了 Smoothness 属 性 值 。 


上 述 材质 属性 都 属于 材质 面板 中 的 Main Maps 部 分 ， 除 了 上 壕 提 
到 的 属性 外 ，Main Maps 还 包含 了 其 他 材质 属性 ， 例 如 ， 切 线 空间 下 的 
法 线 纹理 、 氮 挡 纹 理 、 自 发 光 纹 理 等 。Main Maps 部 分 的 下 面 还 有 一 个 
Secondary Maps 的 属性 部 分 ， 这 个 部 分 的 属性 是 用 来 定义 额外 的 细 市 
信息 ， 这 些 细 世 通 常会 直接 绘制 在 Main Maps 的 上 面 ， 来 为 材质 提供 更 
多 的 微 表面 或 细 市 表现 。 


除了 人 上述 属性 ， 我 们 还 可 以 为 Standard Shader 选 择 它 使 用 的 泻 染 模 
式 ， 即 材质 面板 上 的 Render Mode 选项 。Standard Shader 支 持 4 种 洽 染 
模式 ， 分 别 是 Opaque、Cutout、Fade 和 Transparent。 其 中 ，Opaque 用 于 
泻 染 最 常见 的 不 通明 物体 ， 这 也 是 默认 的 泻 染 模 式 。 对 于 像 玻璃 这 样 
的 材质 ， 我 们 可 以 选择 Transparent 模 式 ， 在 这 个 泻 染 模 式 下 ，Albedo 属 
性 的 A 通道 用 于 控制 材质 的 透明 度 。 而 在 Cutout 泻 染 模 式 下 ，Albedo 属 
性 中 纹理 的 A 通道 会 成 为 一 个 掩 码 纹理 ， 而 它 的 子 属性 Alpha Cutoff 将 
是 透明 度 测试 时 使 用 的 靖 值 。Fade 模 式 和 Transparent 模 式 是 类 似 的 ， 不 


同 的 是 ， 在 Transparent 模 式 下 ， 当 材质 的 透明 值 不 断 降 低 时 ， 它 的 反射 
仍然 能 被 保留 ， 而 在 Fade 模 式 下 ， 该 材质 的 所 有 泻 染 效果 都 会 逐渐 从 
屏幕 上 淡出 。 


需要 注意 的 是 ， 尽 管 Standard Shader 的 材质 面板 有 许多 可 供 调 节 的 
属性 ， 但 我 们 不 用 担心 由 于 没有 使 用 一 些 属性 而 会 对 性 能 有 所 影响 。 
Unity 在 背后 已 经 进行 了 高 度 优化 ， 在 我 们 生成 可 执行 程序 时 ，Unity 会 
0 被 使 用 到 ， 同 时 也 会 针对 目标 平台 进行 相应 的 优 
o 


从 上 面 的 内 容 可 以 看 出 ， 要 想得到 可 信和 度 更 高 的 泻 染 结果 ， 我 们 
需要 对 不 同 材质 使 用 合适 的 属性 值 ， 尤 其 是 一 些 重要 的 属性 值 ， 例 如 
Albedo、Metallic 和 Specular。 当 然 ， 想 要 让 整个 场景 的 泻 染 结 采 令 人 满 
意 ， 尤 其 包含 了 复杂 光照 的 场景 ， 仅 仅 有 这 些 使 用 了 PBS 的 材质 是 不 够 
的 ， 我 们 需要 使 用 Unity 提 供 的 其 他 一 些 重要 的 技术 ， 例 如 HDR 格 式 的 
Skybox、 全 局 光照 、 反 射 探 针 、 光 照 探 针 、HDR 和 屏幕 后 处 理 等 。 


18.3 ”一 个 更 加 复杂 的 例子 


在 本 章 最 后 ， 我 们 将 以 一 个 更 加 复杂 的 、 基 于 物理 泻 染 的 场景 结 
束 ， 该 场景 对 应 了 本 书 资源 中 的 Scene_18_3。 本 场景 使 用 的 元 素 大 多 
来 源 于 Unity 官 方 的 示例 项 目 Viking Village (https://www. 
assetstore.unity3d.comyjp/#!/content/29140 ) ， 读 者 可 以 下 载 完整 的 项 目 
来 更 加 深入 地 学 习 Unity 中 的 PBS 。 


图 18.10 展 示 了 在 不 同 光 照 条 件 下 本 例 实现 的 效果 。 需 要 注意 的 
是 ， 读 者 需要 在 Edit -Project Setttings ~ Player ~ Color Space 中 选择 
Linear 才 可 以 得 到 和 图 18.9 中 相同 的 效果 ， 这 是 因为 基于 物理 的 泻 染 需 
要 使 用 线性 空间 ( 详 见 18.3.4 节 ) 来 进行 相关 计算 。 


A 图 18.10 在 Unity 5 中 使 用 基于 物理 的 泻 染 技术 ， 场 景 在 不 同 光 照 下 的 泻 染 结果 


那么 ， 基 于 物理 的 Standard Shader 是 如 何 与 其 他 Unity 功 能 相互 配合 
得 到 这 样 的 场景 呢 ? 


18.3.1 设置 光照 环境 


我 们 首先 需要 为 场景 设置 光照 环境 。 在 默认 情况 下 ，Unity 5 中 一 
个 新 创建 的 场景 会 包含 一 个 默认 的 Skybox。 在 本 例 中 ， 我 们 使 用 一 个 
目 定义 的 Skybox 来 代替 默认 值 。 做 法 是 ， 打 开 Window 一 Lighting， 在 
Scene 标签 页 下 把 本 例 使 用 的 SunsetSkyboxHDR 拖 电 到 Skybox 选项 中 ， 
如 图 18.11 所 示 。 


本 例 中 的 Skybox 使 用 了 一 个 HDR 格 式 的 Cubemap， 这 与 我 们 之 前 
在 10.1 节 中 制作 Skybox 时 使 用 的 纹理 不 同 。 这 需要 解释 HDR (High 
Dynamic Range) 的 相关 知识 ， 我 们 将 在 18.4.3 节 更 加 详细 地 介绍 HDR 
的 原理 和 应 用 。 但 在 这 里 ， 我 们 只 需要 知道 ， 使 用 HDR 格 式 的 Skybox 
可 以 让 场景 中 物体 的 反射 更 加 真实 ， 有 利于 我 们 得 到 更 加 可 信 的 光照 


效果 


我 们 还 可 以 设置 场景 使 用 的 环境 光照 ， 这 些 环境 光照 可 以 对 场景 
中 所 有 的 物体 表面 产生 影响 。 在 图 18.11 所 示 的 设置 面板 中 ， 我 们 可 以 
选择 环境 光照 的 来 源 (Ambient Source 选项 ) ， 是 来 自 于 场景 使 用 的 
Skybox， 还 是 使 用 渐变 值 ， 亦 或 是 某 个 固定 的 颜色 。 我 们 还 可 以 设置 
环境 光照 的 强度 (Ambient Intensity 参数 ) ， 如 果 想 要 场景 中 的 所 有 
物体 不 接受 任何 环境 光照 ， 可 以 把 该 值 设 为 0。 在 使 用 了 Standard 
Shader 的 前 提 下 ， 如 果 我 们 关闭 场景 中 所 有 的 光源 ， 并 把 环境 光照 的 强 
度 设 为 0， 场 景 中 的 物体 仍然 可 以 接受 一 些 光照 ， 如 图 18.12 中 的 左 图 所 
不 。 


全 图 18.11 光照 面板 下 的 Scene 标签 页 


和 图 18.12 左边: 当 关 闭 场 景 中 的 所 有 光源 并 把 环境 光照 强度 设 为 0 后 ， 使 用 了 Standard 


Shader 的 物体 仍然 具有 光照 效果 ， 右 边 : 在 左 图 的 基础 上 ， 把 反射 源 设置 为 空 ， 使 得 物体 不 接 
受 任何 默认 的 反射 信息 


那么 ， 这 些 光 照 是 从 哪里 来 的 呢 ? 答案 就 是 反射 。 默 认 的 反射 源 

(Reflection Source 选项 ) 是 场景 使 用 的 Skybox。 如 果 我 们 不 想 让 场景 
中 的 物体 接受 任何 默认 的 反 喘 光 照 ， 可 以 把 反 喘 源 设置 为 目 定 义 ( 即 
Custom ) ， 并 把 自 定义 的 Cubemap 保 留 为 空 即 可 〈 另 一 种 方式 是 直接 
把 场景 使 用 的 Skybox 设 置 为 空 ) ， 如 图 18.12 右 图 所 示 。 但 为 了 得 到 更 
加 逼真 的 泻 染 结果 ， 我 们 通常 是 不 会 这 样 做 的 。 在 渲染 实现 上 ， 即 便 
场景 中 没有 任何 光源 ，Unity 在 内 部 仍然 会 调用 ForwardBase Pass (假设 
使 用 的 是 前 向 泻 染 路 径 的 话 ) ， 并 使 用 反射 的 光照 信息 来 填充 光源 信 
息 ， 再 进行 基于 物理 的 演 染 计算 。 读 者 可 以 通过 帧 调试 器 (Frame 
Debugger) 来 查看 演 染 过 程 。 需 要 注意 的 是 ， 这 里 设置 的 反射 源 是 默 
认 的 反射 产 ， 如 果 我 们 在 场景 中 添加 了 其 他 反射 探 针 (Reflection 
Probes， 见 18.3.2 广 ) ， 物 体 可 能 会 使 用 其 他 反映 源 。 当 默认 反射 源 是 
Skybox 时 ，Unity 会 由 场景 使 用 的 Skybox 生 成 一 个 Cubemap ， 我 们 可 以 
通过 Resolution 选项 来 控制 它 每 个 面 的 分 辩 率 。 


除了 Standard Shader 外 ，Unity 还 引入 了 一 个 重要 的 流水 线 一 一 实时 
全 局 光照 (Global Tllumination，GI) 流水 线 。 使 用 GI， 场 景 中 的 物 
体 不 仅 可 以 受 直 接 光 照 的 影 啊 ， 还 可 以 接受 间接 光照 的 影响。 直接 光 
照 指 的 是 那些 直接 把 光照 射 到 物体 表面 的 光源 ， 在 本 书 之 前 的 章 万 
中 ， 我 们 使 用 的 都 是 直接 光照 来 洽 染 场景 中 的 物体 。 但 在 现实 生活 
中 ， 物 体 还 会 受到 间接 光照 的 影响 。 例 如 ， 想 象 一 个 红色 墙壁 笼 边 放 
置 了 一 个 球体 ， 尽 管 墙壁 本 号 不 发 光 ， 但 球体 徘 近 墙 的 一 面 仍 会 有 少 


人 2T 


许 的 红色 ， 这 是 由 于 红色 墙壁 把 一 些 间接 光照 投射 到 了 球体 上 。 在 
Unity 中 ， 间 接 光 照 指 的 就是 那些 个 场景 中 其 他 物体 反弹 的 光 ， 这 些 间 
接 光 照会 受 反 弹 光 的 表面 的 颜色 影响 (例如 之 前 例子 中 的 红色 的 墙 
壁 ) ， 这 些 表面 会 在 反弹 光线 时 把 自身 表面 的 颜色 添加 到 反射 光 的 计 
算 中 。 在 Unity 5 中 ， 我 们 可 以 使 用 这 些 直 接 光 照 和 间接 光照 来 创建 更 
加 真实 的 视觉 效果 。 


下 面 ， 我 们 首先 设置 场景 使 用 的 直接 光照 = 
PBR (Physically Based Rendering) 中 ， 想 要 让 演 染 效果 更 加 真实 可 
信 ， 我 们 需要 保证 平行 光 的 方向 和 Skybox 中 的 太阳 或 其 他 光源 的 位 置 
一 致 ， 使 得 物体 产生 的 光照 信息 可 以 与 Skybox 互 相 吻 合 。 有 时 ， 我 们 
可 能 会 使 用 一 张 商 斑纹 理 (Flare Texture) 来 模拟 太阳 等 光源 ， 此 时 我 
们 同样 需要 确保 平行 光 的 方向 与 光斑 纹理 的 位 置 一 怪 。 与 之 类 似 的 还 
有 平行 光 的 颜色 ， 我 们 应 该 尽量 让 平行 光 的 颜色 和 场景 环境 相 匹配 。 
例如 ， 在 图 18.10 的 左 图 中 ， 场 景 的 光照 环境 为 日 落 时 分 ， 因 此 平行 光 
的 颜色 为 浅黄 色 ， 如 图 18.13 所 示 ， 而 在 图 18.10 的 右 图 中 ， 场 景 的 光照 
环境 更 接近 傍晚 ， 此 时 平行 光 的 颜色 为 淡 赣 色 。 我 们 还 在 Skybox 的 材 
质 面板 上 调整 天 空 的 旋转 角度 及 曝光 度 ， 来 调整 场景 的 背景 。 


在 平行 光 面 板 的 烘焙 选项 〈 即 Baking ) 中 ， 我 们 选择 了 Realtime 
模式 ， 这 意味 着 ， 场 景 中 受 平行 光影 响 的 所 有 物体 都 会 进行 实时 的 光 
照 计 算 ， 当 光源 或 场景 中 其 他 物体 的 位 置 、 旋 转角 度 等 发 生变 化 时 ， 
场景 中 的 光照 结果 也 会 随 之 变化 。 然 而 ， 实 时 光照 往往 需要 较 大 的 性 
能 消耗 ， 对 于 移动 平台 这 样 资 源 比较 短缺 的 平台 ， 我 们 可 以 选择 Baked 
模式 ， 此 时 ，Unity 会 把 该 光源 的 光照 效果 烘焙 到 一 张 光 照 纹 理 
(ightmap) 中 ， 这 样 我 们 就 不 用 实时 为 物体 计算 复杂 的 光照 ， 而 只 需 
要 通过 纹理 采样 来 得 到 光照 结果 。 选 择 烘焙 模式 的 正点 在 于 ， 如 来 场 
景 中 的 物体 发 生 了 移动 ， 但 古 它 的 阴影 等 光照 效果 并 不 会 发 生变 化 。 
烘焙 选项 中 的 Mix 模 式 则 允许 我 们 齐 合 使 用 实时 模式 和 烘 伐 模式 ， 它 会 
把 场景 中 的 静态 物体 〈 即 那些 被 标识 为 Static 的 物体 ) 的 光照 烘焙 到 光 
照 纹理 中 ， 但 仍然 会 对 动 仿 物体 产生 实时 光照 。 


Unity 5 引入 了 实时 间接 光照 的 功能 ， 在 这 个 系统 下 ， 场 景 中 的 直 
接 光 照会 在 场景 中 各 个 物体 之 间 来 回 反 射 ， 产 生 间 接 光 照 。 正 如 我 们 
之 前 讲 到 的 ， 间 接 光 照 可 以 让 那些 没有 直接 被 光 源 照 亮 的 物体 同样 可 
以 接受 到 一 定 的 光照 信息 ， 这 些 光照 是 由 它 周 围 的 物体 反射 到 它 的 表 


面 上 的 。 当 一 条 光线 从 光源 被 发 射出 来 后 ， 它 会 与 场景 中 的 一 些 物 体 
相交 ， 第 一 个 和 光线 相交 的 物体 受到 的 光照 即 为 直接 光照 。 当 得 到 直 
接 光 照 在 该 物体 上 的 光照 结果 后 ， 该 物体 还 会 继续 反射 该 光线 ， 从 而 
对 其 他 物体 产生 间接 光照 。 此 后 与 该 光线 相交 的 物体 ， 职 会 受到 间接 
光照 的 影响 ， 同 时 它们 也 会 继续 反射 。 当 经 过 多 次 反射 后 ， 该 光线 最 
后 完全 消失 。 这 些 间接 光照 的 强度 是 由 GI 系 统计 算得 到 的 默认 亮度 
值 。 图 18.13 所 示 的 光源 面板 中 的 Bounce Intensity 参数 可 以 让 我 们 调 广 
这 些 间接 光照 的 强度 。 当 我 们 把 它 设 为 0 时 ， 意 味 着 一 条 光线 仅 会 和 一 
个 物体 相交 ， 不 再 被 继续 反射 ， 也 束 是 说 ， 场 景 中 的 物体 只 会 受到 直 
接 光 照 的 影响 。 图 18.14 显 示 了 Bounce Intensity 分 别 为 0 和 8 时 ， 场 景 的 
演 染 结果 ， 注 意 其 中 阴影 部 分 的 细节 。 


Ta MLight 次 ， 
Type | Directional 4 
Baking Realtime 4] 
Color 2 
Intensity 一 人 一 re 
Bounce Intensity en yo | 了 
Shadow Type SoftSshadows $$| 

Strength ot) | 1 | 
Resolution | Use Quality Settings $ 
Bias (Or 0.05 | 
Normal Bias "| () .4 
Cookie INone (Texture) © 
Cookie Size OE 
Draw Halo 网 
Flare |None(Flare |9 
Render Mode [Iauo 4| 
Culling Mask | Everything 人 


和 图 18.13 ”使 用 的 平行 光 


A 图 18.14 左边 : 将 Bounce Intensity 设 置 为 0， 物 体 不 再 受到 间接 光照 的 影响 ， 木 屋内 阴影 部 
分 的 可 见 细 市 很 少 。 右 边 ， 将 Bounce Intensity 设 为 8， 阴 影 部 分 的 细节 更 加 清楚 


除了 上 述 调整 单个 光源 的 间接 光照 强度 ， 我 们 也 可 以 对 整个 场景 
的 间接 光照 强度 进行 调整 。 这 是 按照 图 18.11 所 示 的 光照 面板 来 实现 
的 。 在 光照 面板 的 Scene 标 签 页 下 ， 我 们 可 以 调整 General GI 参数 块 中 的 
Bounce Boost 参 数 来 控制 场景 中 反射 的 间接 光照 的 强度 ， 它 会 和 单个 光 
源 的 Bounce Intensity 参 数 来 一 起 控制 间接 光照 的 反射 强度 。 除 此 之 外 ， 
把 Indirect Intensity 参 数 调 大 同样 可 以 增 大 间接 光照 的 强度 。 需 要 注意 的 
是 ， 间 接 光 照 还 有 可 能 来 自 一 些 自 发 光 的 物体 。 


18.3.2 ”放置 反射 探 针 


回忆 我 们 在 10.1 节 中 讲 到 的 环境 映射 ， 在 实时 泻 染 中 ， 我 们 经 常会 
使 用 Cubemap 来 模拟 物体 的 反射 效果 。 例 如 ， 在 赛车 游戏 中 ， 我 们 需要 
对 车 身 或 车 窗 使 用 反射 映射 的 技术 来 模拟 它们 的 反光 材质 。 然 而 ， 如 
果 我 们 永远 使 用 同一 个 Cubemap， 那 么 ， 当 赛车 周围 的 场景 发 生 较 大 变 
化 时 ， 就 很 容易 出 现 “ 穿 帮 镜 头 ”， 因 为 车 身 或 车 窗 的 环境 反射 并 没有 
随 着 环境 变化 而 发 生变 化 。 一 种 解决 办 法 是 可 以 在 脚本 中 控制 何 时 生 
成 从 当前 位 置 观察 到 的 Cubemap， 而 Unity 5 为 我 们 提供 了 一 种 更 加 方便 
的 途径 ， 即 使 用 反射 探 针 (Reflection Probes) 。 反 射 探 针 的 工作 原 
理 和 光照 探 针 (Light Probes) 类 似 ， 它 允许 我 们 在 场景 中 的 特定 位 置 
上 对 整个 场景 的 环境 反射 进行 采样 ， 并 把 采样 结果 存储 在 每 个 探 针 
上 。 当 游戏 中 包含 反射 效果 的 物体 从 这 些 探 针 附 近 经 过 时 ，Unity 会 把 
从 这 些 邻 近 探 针 存 储 的 反射 结果 传递 给 物体 使 用 的 反射 纹理 。 如 果 物 
体 周围 存在 多 个 反映 探 针 ，Unity 还 会 在 这 些 反 射 结 果 之 间 进 行 插值 ， 


来 得 到 平 清 渐 变 的 反射 效果 。 实 际 上 ，Unity 会 在 场景 中 放置 一 个 默认 
的 反射 探 针 ， 这 个 反射 探 针 存储 了 对 场景 使 用 的 Skybox 的 反射 结果 ， 
来 作为 场景 的 环境 光照 〈 见 18.3.1T) 。 如 果 我 们 需要 让 场景 中 的 物体 
包含 额外 的 反射 效果 ， 束 需要 放置 更 多 的 反射 探 针 。 


反射 探 针 同样 有 3 种 类 型 : Baked， 这 种 类 型 的 反射 探 针 是 通过 提 
前 烘焙 来 得 到 该 位 置 使 用 的 Cubemap 的 ， 在 游戏 运行 时 反射 探 针 中 存储 
的 Cubemap 并 不 会 发 生变 化 。 需 要 注意 的 是 ， 这 种 类 型 的 反射 探 针 在 烘 
焙 时 同样 只 会 处 理 那些 静态 物体 〈 即 那些 被 标识 为 Reflection Probe 
Static 的 物体 ) ; Realtime， 这 种 类 型 则 会 实时 更 新 当前 的 Cubemap， 并 
且 不 受 静 态 物 体 还 是 动态 物体 的 影响 。 当 然 ， 这 种 类 型 的 反射 探 针 需 
要 花费 更 多 的 处 理 时 间 ， 因 此 ， 在 使 用 时 应 当 非 钟 小 心 它 们 的 性 能 。 
于 运 的 是 ，Unity 人 允许 我 们 从 脚本 中 通过 触发 来 精确 控制 反射 探 针 的 更 
新 ， 最 后 一 种 类 型 是 Custom， 这 种 类 型 的 探 针 既 可 以 让 我 们 从 编辑 器 
中 烘 烧 它 ， 也 可 以 让 我 们 使 用 一 个 目 定 义 的 Cubemap 来 作为 反射 映射 ， 
但 目 定 义 的 Cubemap 不 会 被 实时 更 新 。 


我 们 在 本 区 使 用 的 场景 中 放置 了 3 个 反射 探 针 ， 它 们 的 类 型 都 旦 
Baked (前 提 是 我 们 把 场景 中 的 物体 标识 成 了 Static) 。 使 用 反射 探 针 前 
后 的 对 比 效 采 如 图 18.15 所 示 。 


需要 注意 的 是 ， 在 放置 反射 探 针 时 ， 我 们 选取 的 位 置 并 不 是 任意 
的 。 通 向 来 说 ， 反 射 探 针 应 该 被 放置 在 那些 具有 明显 反射 现象 的 物体 
的 和 旁边， 或 是 一 些 墙 角 等 容易 发 生 遮 挡 的 物体 周围 。 在 本 例 使 用 的 场 
景 中 ， 木 屋内 的 盾牌 具有 比较 明显 的 反射 效 末 ， 而 导 牌 本 号 又 被 木屋 
人 遮挡， 因此， 其 中 一 个 反射 探 针 的 位 置 融 在 丑 牌 附近 。 当 我 们 放置 好 
探 针 后 ， 我 们 还 需要 为 它们 定义 每 个 探 针 的 影响 区 域 ， 当 反射 物体 进 
入 到 这 个 区 域 后 ， 反 射 探 针 就 会 对 物体 的 反射 产生 影响 。 通 常情 况 
下 ， 反 射 探 针 的 影响 区 域 之 间 往 往 会 有 所 重要 ， 例 如 ， 本 例 中 丑 牌 附 
近 的 反射 探 针 和 另外 两 个 〈 一 个 在 木屋 前 方 ， 一 个 在 木屋 后 方 ) 的 影 
啊 区 域 都 有 所 重要 。 此 时 ，Unity 会 计算 反射 物体 的 包围 盒 与 这 些 重 县 
区 域 的 交叉 部 分 ， 并 据 此 来 选择 使 用 的 反射 映射 。 如 有 果 当 前 的 目标 平 
台 使 用 的 是 SM 3.0 及 以 上 的 话 ，Unity 还 可 以 允许 我 们 在 这 些 互 相 重 县 
的 反射 探 针 之 间 进 行 混 合 ， 来 实现 平缓 的 反射 过 渡 效 末 。 


使 用 Unity 内 置 的 反射 探 针 的 另 一 个 好 处 是 ， 我 们 可 以 模拟 互相 反 
射 〈interreflections) 。 我 们 曾 在 10.1 节 中 讲 到 使 用 传统 的 Cubemap 方 


法 无 法 模拟 互相 反射 的 效 末 。 例 如 ， 假 设 场 景 中 有 两 面 互相 面对面 的 
镜子 ， 在 理想 情况 下 ， 写 们 不 仅 会 反射 目 己 对 面 的 那 面 镜子 ， 也 会 反 
射 那 面 镜子 里 反射 的 图 像 。 只 要 反射 光线 没有 被 完全 吸收 ， 反 射 束 会 
一 直 进 行 下 去 。 要 实现 这 种 效果 ， 束 需要 追 踩 光 线 的 反射 轨迹 ， 这 是 
传统 的 反射 方法 所 无 法 实现 的 。Unity 5 引入 的 GI 系 统 让 这 种 效果 变 成 
了 可 能 ， 我 们 在 本 书 资源 的 Scene_18_3_2 场 景 中 展示 了 这 样 的 一 个 例 
子 ， 如 图 18.16 所 示 。 我 们 可 以 在 图 18.16 中 看 到 ， 两 个 金属 反射 的 图 像 
包含 了 两 次 互相 反射 的 效果 。 


A 图 18.15 ”左边 : 未 使 用 反射 探 针 。 右 边 : 在 场景 中 放置 了 两 个 反射 探 针 ， 注 意 墙 上 的 盾牌 
与 左 图 的 差别 


A 图 18.16 使 用 反射 探 针 实现 相互 反射 的 效果 


在 图 18.16 所 示 的 场景 中 ， 我 们 在 每 个 金属 球 的 位 置 处 放置 了 一 个 
反射 探 针 ， 并 把 每 个 金属 球 上 的 Mesh Renderer 组 件 中 的 Reflection 


Probes 设 置 为 Simple， 这 样 保 证 它们 只 会 使 用 离 它们 最 近 的 一 个 反射 探 
针 。 默 认 情 况 下 ， 反 射 探 针 只 会 捕捉 一 次 反射 ， 也 束 是 说 ， 左 边 金 属 
球 使 用 的 反射 探 针 只 会 捕捉 到 由 右边 的 金属 球 第 一 次 反射 过 来 的 光 
线 。 但 在 理想 情况 下 ， 反 射 过 来 的 光线 会 继续 被 左边 的 金属 球 反 射 ， 
并 对 右边 的 金属 球 造成 影响 。Unity 允 许 我 们 控制 物体 之 间 这 样 来 回 反 
射 的 次 数 ， 这 可 以 通过 改变 图 18.11 中 的 Reflection Bounces 参 数 来 实 

现 。 在 图 18.16 所 示 的 场景 中 ， 我 们 把 该 值 设 为 了 2。 


然而 ， 正 如 本 万 一 开始 所 提 到 的 ， 使 用 反射 探 针 往 往 会 需要 更 多 
的 计算 时 间 。 这 些 探 针 实际 上 也 是 通过 在 它 的 位 置 上 放置 一 个 摄像 
机 ， 来 洽 染 得 到 一 个 Cubemap。 如 果 我 们 把 反弹 次 数 设置 的 很 大 ， 或 是 
使 用 实时 演 染 ， 那 么 这 些 探 针 很 可 能 会 造成 性 能 瓶 绒 。 更 多 天 于 如 何 
优化 反射 探 针 以 及 它 的 高 级 用 法 ， 读 者 可 以 参见 Unity 的 官方 手册 
(http://docs.unity3d.com/Manual/ReflectionProbes.html ) 。 


18.3.3 ”调整 材质 


要 得 到 真实 可 信 的 演 当 效果， 我们 需要 为 场景 中 的 物体 指定 合适 
的 材质 。 需 要 再 次 提醒 读者 的 是 ， 基 于 物理 的 渲染 并 不 意味 着 一 定 要 
模拟 像 照片 真实 的 效果 。 基 于 物理 的 演 染 更 多 的 好 处 在 于 ， 可 以 让 我 
们 的 场景 在 各 种 光照 条 件 下 都 能 得 到 令 人 满意 的 效果 ， 同 时 不 需要 频 
繁 地 调整 材质 参数 。 


在 Unity 中 ， 要 想 和 全 局 光照 、 反 里 探 针 等 内 置 功 能 恨 好 地 配合 来 
得 到 出 色 的 演 染 结果 ， 就 需要 使 用 Unity 内 置 的 Standard Shader。 我 们 已 
经 在 18.2.2 廊 中 学 习 了 如 何 针 对 不 同类 别 的 物体 来 调整 它们 使 用 的 材质 
属性 。 在 本 例 中 ， 我 们 使 用 了 更 复杂 的 纹理 和 模型 ， 它 们 都 来 日 于 
Unity 官 方 的 示例 项 目 Viking Village 。 这 些 材 质 可 以 为 读者 制作 自己 的 
材质 提供 一 些 参考 ， 例 如 ， 场 景 中 所 有 物体 都 使 用 了 高 光 反 射 纹理 
(Specular Texture) 、 遮 挡 纹 理 (Occlusion Texture) 、 法 线 纹理 
(Normal Texture) ， 一 些 材质 还 使 用 了 细节 纹理 来 提供 更 多 的 细 市 表 
现 。 


18.3.4 ”线性 空间 


在 使 用 基于 物理 的 泻 染 方法 泻 染 整个 场景 时 ， 我 们 应 该 使 用 线性 
空间 (Linear Space) 来 得 到 最 好 的 泻 染 效果 。 默 认 情 况 下 ，Unity 会 
使 用 伽 马 空间 (Gamma Space) ， 如 果 要 使 用 线性 空间 的 话 ， 我 们 需要 
在 Edit 一 Project Settings ~ Player 一 Other Settings 一 Color Space 中 选择 
Linear 竺 项。 图 18.17 显 示 了 分 别 在 线性 空间 和 伽 马 衬 间 下 场景 的 和 泻 染 结 
果 o 


从 图 18.17 中 可 以 看 出 ， 使 用 线性 空间 可 以 得 到 更 加 真实 的 效果 。 
但 它 的 缺点 在 于 ， 需 要 一 些 硬件 支持 来 实现 线性 计算 ,但 一 些 移动 平 
台 对 它 的 文 持 并 不 好 。 这 种 情况 下 ， 我 们 往往 只 能 退 而 求 其 次 ， 远 择 
合 号 空间 进行 洽 染 和 计算 。 


A 图 18.17 左边 : 在 线性 空间 下 的 泻 染 结果 。 右 边 : 在 伽 马 空间 下 的 泻 染 结果 


那么 ， 线 性 空间 、 伽 马 空 间 到 底 是 什么 意思 ? 为 什么 线性 空间 可 
以 得 到 更 加 真实 的 效果 呢 ? 这 就 需要 介绍 伽 马 校正 〈Gamma 
Correction) 的 相关 内 容 了 。 实 际 上 ， 当 我 们 在 默认 的 伽 马 空间 下 进 
行 演 染 计算 时 ， 由 于 使 用 了 非 线 性 的 输入 数据 ， 导 人 致 很 多 计算 都 是 在 
非 线 性 空间 下 进行 的 ， 这 意味 着 我 们 得 到 的 结果 并 不 符合 真实 的 物理 
期 望 。 除 此 之 外 ， 由 于 输出 时 没有 考虑 显示 硕 的 显示 伽 马 的 影响 ， 会 
导致 泻 染 出 来 的 画面 整体 伺 暗 ， 总 是 和 真实 世界 不 像 。 


尽管 在 Unity 中 我 们 可 以 通过 之 前 所 说 的 步骤 直接 选择 在 线性 空间 
进行 泻 染 ，Unity 会 在 至 后 为 我 们 照顾 好 一 切 ， 但 了 解 伽 马 校 正 的 原理 
对 我 们 理解 泻 染 计算 有 很 大 帮助 ， 读 者 可 以 在 18.4.2 节 找到 更 多 的 解 


18.4 ”答疑 解 惑 


在 上 面 的 内 容 中 ， 我 们 首先 介绍 了 PBS 实 现 的 数学 和 理论 基础 ， 并 
简单 概括 了 Unity 中 Standard Shader 的 实现 原理 ， 以 及 如 何 使 用 它 来 为 不 
同类 型 的 物体 调整 适合 它们 的 材质 参数 。 随 后 ， 我 们 通过 一 个 更 加 复 
杂 的 场景 ， 来 展示 如 何在 Unity 中 使 用 环境 光照 、 实 时 光源 、 反 射 探 针 
以 及 Standard Shader 来 泻 染 一 个 基于 物理 渲染 的 场景 。 但 我 们 相信 ， 谍 
者 在 读 完 后 仍 有 很 多 困惑 ， 考 虚 到 内 容 的 连贯 性 ， 我 们 未 能 在 文中 对 
a 我 们 将 对 一 些 重要 的 概念 进行 更 为 深 
入 地 解释 。 


18.4.1 什么 是 全 局 光照 


在 上 面 的 内 容 中 ， 我 们 可 以 发 现 全 局 光照 对 得 到 真实 的 得 染 结 采 
有 着 举足轻重 的 作用 。 全 局 光照 ， 指 的 丈 是 模拟 光线 是 如 何在 场景 中 
传播 的 ， 它 不 仅 会 考虑 那些 直接 光照 的 结 末 ， 还 会 计算 光线 被 不 同 的 
物体 表面 反射 而 产生 的 间接 光照 。 在 使 用 基于 物理 的 着 色 技 术 时 ， 当 
泻 染 表面 上 一 点 时 ， 我 们 需要 计算 该 点 的 半球 范围 内 所 有 会 反射 到 观 


察 方 问 的 入 射 区 线 的 光照 结 采 ， 这 些 入 射 区 线 中 束 包 含 了 直接 光照 和 
间接 光照 。 


通 音 来 讲 ， 这 些 间 接 光 照 的 计算 生 非 利 耗 时 间 的 ， 通 党 不 会 用 在 
实时 演 染 中 。 一 个 传统 的 方法 息 使 用 光线 奶 踩 ， 来 追 踩 场 景 中 每 一 条 
重要 的 光线 的 传播 路 径 。 使 用 光线 追踪 能 得 到 非常 出 色 的 画面 效果 ， 
因此 ， 被 大 量 应 用 在 电影 制作 中 。 但 是 ， 这 种 方法 往往 需要 大 量 时 间 
才能 得 到 一 帧 ， 并 不 能 满足 实时 的 要 求 。 


Unity 采 用 了 Enlighten 解 决 方案 来 让 全 局 光照 能 够 在 各 种 平台 上 有 
不 错 的 性 能 表现 。 事 实 上 ，Enlighten 也 已 经 被 集成 在 虚幻 引擎 【Unreal 
Engine) 中 ， 它 已 经 在 很 多 3A 大 作 中 展现 了 自身 强大 的 泻 染 能 力 。 总 
体 来 讲 ，Unity 使 用 了 实时 + 预计 算 的 方法 来 模拟 场景 中 的 光照 。 其 中 ， 
实时 光照 用 于 计算 那些 直接 光源 对 场景 的 影响 ， 当 物体 移动 时 ， 光 照 
也 会 随 之 发 生变 化 。 但 正如 我 们 之 前 所 说 ， 实 时 光照 无 法 模拟 光线 被 
多 次 反射 的 效 打 。 为 了 得 到 更 加 真实 的 泻 染 效 订 ，Unity 又 引入 了 预计 


算 光 照 的 方法 ， 使 得 全 局 光照 甚至 在 一 些 高 端的 移动 设备 上 也 可 以 达 
到 实时 的 要 求 。 


预计 算 苑 照 包 全 了 我 们 利 见 的 光照 烘 烧 ， 也 束 是 指 我 们 把 光源 对 
场景 中 静态 物体 的 光照 效 采 提前 烘焙 到 一 张 光 照 纹理 中 ， 然 后 把 这 张 
光照 纹理 直接 贴 在 这 些 物体 的 表面 ， 来 得 到 光照 效果 。 这 些 光 照 纹理 
不 仅 存 储 了 直接 光照 的 结 有 末 ， 还 包含 了 那些 由 物体 反射 得 到 的 间接 泡 
照 。 但 是 ， 这 些 光 照 纹 理 无 法 在 游戏 运行 时 不 断 更 新 ， 也 就 是 说 ， 它 
们 十 静 仿 的 。 不 过 这 种 方法 的 确 为 移动 平台 的 复杂 光照 模拟 提供 了 一 
个 有 效 途 径 。 以 上 提 到 的 这 些 技术 很 多 读者 都 已 非 淀 熟悉 ， 并 可 能 
经 在 实际 工作 中 大 量 使 用 了 它们 。 


由 于 静态 的 光照 烘焙 无 法 在 光照 条 件 改 变 时 更 新 物体 的 光照 效 
果 ， 因 此 ，Unity 使 用 了 预计 算 实时 全 局 光照 (Precomputed Realtime 
GI) 为 我 们 提供 了 一 个 解决 途径 ， 来 动态 地 为 场景 实时 更 新 复杂 的 光 
照 结 采 。 正 如 我 们 之 前 看 到 的 ， 使 用 这 种 技术 我 们 可 以 让 场景 中 的 物 
体 包含 丰富 的 全 局 光照 效 末 ， 例 如 多 次 反射 等 ， 并 且 这 些 计算 都 是 实 
时 的 ， 可 以 随 着 光源 和 物体 的 移动 而 发 生变 化 。 这 是 使 用 之 前 的 实时 
光照 或 烘焙 光照 所 无 法 实现 的 。 


那么 ， 这 些 是 如 何 实现 的 呢 ? 它们 实际 上 都 利用 了 一 个 事实 
一 旦 物体 和 光源 的 位 置 被 固定 了 ， 这 些 物体 对 光线 的 反弹 路 径 以 及 漫 
反映 光 照 (我 们 假设 漫 反 射 光照 在 各 个 方向 的 分 布 是 相同 的 ) 也 是 固 
定 的 ， 也 就 古 说 是 和 摄像 机 无 关 的 。 因 此 ， 我 们 可 以 使 用 预计 算 方法 
来 把 这 些 物 体 之 则 的 天 系 提前 计算 出 来 ， 而 在 实时 运行 时 ， 只 要 光源 
的 位 置 (光源 的 颜色 是 可 以 实时 变化 的 ， 不 变 ， 即 便 改 变 了 光源 颜色 
和 强度 、 物 体 材质 属性 〈 指 的 是 漫 反 射 和 目 发 光 相 关 的 属性 ) ， 这 些 
信息 惑 一 直 有 效 ， 不 需要 实时 更 新 。 在 预计 算 阶 段 ，Enlighten 会 在 由 
所 有 静态 物体 组 成 的 场景 上 ， 进 行商 化 的 “光线 奶 踩 过程。 在 这 个 过 
程 中 Enlighten 会 目 动 把 场景 分 割 成 很 多 个 子 系统 ， 它 并 不 是 为 了 得 到 
精确 的 光照 效果 ， 而 是 为 了 得 到 场景 中 物体 之 间 的 关系 。 需 要 注意 的 
征 ， 这 些 预 计算 都 是 在 静态 物体 上 进行 的 ， 因 此 ， 为 了 利用 上 述 的 预 
计算 方法 ， 我 们 至 少 需要 把 场景 中 的 一 个 物体 标识 为 Static (人 至少 需 要 
把 Lightmap Static 勾 选 上 ) 。 一 个 例外 是 物体 的 高 光 反 射 ， 这 是 和 摄像 
机 的 位 置 相关 的 ，Unity 的 解决 方案 十 使 用 反 册 探 叶 ， 正 如 我 们 之 前 看 
到 的 那样 。 对 于 动态 移动 的 物体 来 说 ， 我 们 可 以 使 用 光照 探 时 来 模拟 


它 的 光照 环境 。 因 此 ， 在 实时 运行 时 ，Unity 会 利用 预计 算得 到 的 信息 
来 计算 光照 信息 ， 并 把 它们 存储 在 额外 的 光照 纹理 、 光 照 探 时 或 
Cubemap 中 ， 再 和 物体 材质 进行 必要 的 光照 计算 ， 得 到 最 后 的 泻 染 效 
时 5 


Unity 全 新 的 全 局 光照 解决 方案 可 以 大 大 提高 一 些 基 于 PC/ 游 戏 机 等 
平台 的 大 型 游戏 的 画面 质量 ， 但 如 果 要 在 移动 平台 上 使 用 仍 需要 非常 
小 心 它 的 性 能 。 一 些 低 端 手机 是 不 适合 使 用 这 种 比较 复杂 的 基于 物理 
的 演 染 ， 不 过 ，Unity 会 在 后 续 的 版 本 中 持续 更 新 和 优化 。 而 且 随 着 手 
机 硬件 的 发 展 ， 未 来 在 移动 平台 上 大 量 使 用 PBS 也 已 经 不 再 是 遥 不 可 及 
的 梦想 了 。 更 多 天 于 Unity 中 全 局 光照 的 内 容 ， 读 者 可 以 在 Unity 官 方 手 
册 的 全 局 光照 (http://docs.unity3d.com/Manual/GIIntro.html ) 一 文中 找 
到 更 多 内 容 ， 本 章 最 后 的 扩展 阅读 部 分 也 会 给 出 更 多 的 学 习 资 料 。 


18.4.2 ”什么 是 伽 马 校正 


我 们 在 18.3.4 广 中 讲 到 ， 要 想 泻 染 出 更 符合 真实 光照 环境 的 场景 吏 
需要 使 用 线性 空间 。 而 Unity 默 认 的 空间 是 伽 马 空间 ， 在 伽 马 空间 下 进 
行 泻 染 会 导致 很 多 非 线 性 空间 下 的 计算 ， 从 而 引入 了 一 些 误差。 而 要 
把 伽 马 空间 转换 到 线性 空间 ， 就 需要 进行 伽 马 校正 (Gamma 


Correction ) ° 


相信 很 多 读 阁 部 昕 过 合 号 校正 这 个 名 词 ， 但 对 于 件 己 校正 是 什 
么 、 为 什么 要 有 它 、 人 怎么 使 用 它 都 存在 着 很 多 括 问 。 伽 马 校 正中 的 伽 
马 一 词 来 源 伽 马 曲 线 。 通 第 ， 伽 马 曲 线 的 表达 陈 如 下 : 


L 


ouf = Lin 
其 中 指数 部 分 的 发 首 束 是 伽 马 。 最 开始 的 时 候 ， 人 人们 使 用 伽 马 曲 
线 来 对 拍摄 的 图 像 进行 伽 马 编码 (gamma encoding) 。 事 情 的 起 因 可 
以 从 在 真实 环境 中 拍摄 一 张 图 片 说 起 。 摄 像 机 的 原理 可 以 向 化 为 ， 把 
进入 到 镜头 内 的 光线 亮度 编码 成 图 像 (例如 一 张 下 PG) 中 的 像素 。 如 
有 果 采 集 到 的 亮度 是 0， 像 素 就 是 0 亮度 是 1， 像 素 就 是 1 亮度 是 0.5， 像 素 
就 是 0.5。 如 果 我 们 只 用 8 位 空间 来 存储 像素 的 每 个 通道 的 话 ， 这 意味 着 
0~1 区 间 可 以 对 应 256 种 不 同 的 亮度 值 。 但 是 ， 后 来 人 们 发 现 ， 人 有 上 腿 有 


一 个 有 趣 的 特性 ， 就 是 对 光 的 灵敏 度 在 不 同 亮 度 上 十 不 一 样 的 。 在 正 
常 的 光照 条 件 下 ， 人 了 眼 对 较 瞳 区 域 的 变化 更 加 敏感 ， 如 图 18.18 所 示 。 


< 一 一 看 起 来 基本 相同 一 一 > 


A 图 18.18 人 眼 更 容易 感知 暗部 区 域 的 变换 ， 而 对 较 亮 区 域 的 变化 比较 不 敏感 


图 18.18 说 明了 一 件 事 情 ， 亮 度 上 的 线性 变化 对 人 有 眼 感知 来 说 是 非 
均匀 的 。Youtube 上 有 一 个 名 为 Color is Broken 的 非常 有 趣 的 视频 ， 在 
这 个 视频 中 ， 作 者 用 了 一 个 非常 生动 的 例子 来 说 明 这 个 现象 。 当 一 个 
屋子 的 光照 由 一 但 灯 增 加 到 两 蔓 灯 的 时 候 ， 人 眼 对 这 种 亮度 变化 的 感 
知性 要 远 远 大 于 从 101 攻 灯 增加 到 102 莹 灯 的 变化 ， 尽 管 从 物理 上 来 说 
这 两 种 变化 基本 是 相同 的 。 那 么 ， 这 和 之 前 讲 的 担 照 有 什么 关系 呢 ? 
如 果 使 用 8 位 空间 来 存储 每 个 通道 的 话 ， 我 们 仍然 把 0.5 亮 度 编码 成 值 为 
0.5 的 像素 ， 那 么 暗部 和 亮 部 区 域 我 们 都 使 用 了 128 种 颜色 来 表示 ， 但 实 
际 上 ， 对 亮 部 区 域 使 用 这 么 多 颜色 是 种 存储 良 费 。 一 种 更 好 的 方法 
是 ， 我 们 应 该 把 把 更 多 的 空间 来 存储 更 多 的 上 暗部 区 域 ， 这 样 存储 空间 
就 可 以 被 充分 利用 起 来 了 。 摄 影 设备 如 果 使 用 了 8 位 空间 来 存储 照片 的 
话 ， 会 使 用 大 约 为 0.45 的 编码 伽 马 来 对 输入 的 亮度 进行 编码 ， 得 到 一 张 
编码 后 的 图 像 。 因此 ， 图 像 中 0.5 像 素 值 对 应 的 亮度 其 实 并 不 是 0.5， 而 
大 约 为 0.22。 这 是 因为 : 


0.5s0.220.45 


如 上 所 见 ， 对 提 摄 图 像 使 用 的 伽 马 编码 使 得 我 们 可 以 充分 利用 图 
像 的 存储 空间 。 但 当 把 图 片 放 到 显示 器 里 显示 时 ， 我 们 应 该 对 图 像 再 
进行 一 次 解码 操作 ， 使 得 屏幕 输出 的 亮度 和 捕捉 到 的 亮度 是 符合 线性 
的 。 这 时 ， 人 们 发 现 了 一 个 奇妙 的 巧合 一 -CRT 显 示 器 本 号 几乎 已 经 自 
动 做 了 这 个 解码 操作 ! 这 又 从 何 说 起 呢 ? 在 早期 ，CRT (Cathode Ray 
Tube， 阴 极 射线 管 ) 几乎 是 唯一 的 显示 设备 。 这 类 设备 的 显示 机 制 
是 ， 使 用 一 个 电压 爱 击 它 屏 幕 上 的 一 种 图 层 ， 这 个 图 层 就 可 以 发 亮 ， 
我 们 就 可 以 看 到 图 像 了 。 但 CRT 显 示 右 有 一 个 特性 ， 它 的 输入 电压 和 显 
示 出 来 的 亮度 关系 不 是 线性 的 ， 也 束 是 说 ， 如 果 我 们 把 输入 电压 调 高 
两 倍 ， 屏 幕 亮度 并 没有 提高 两 倍 。 我 们 把 显示 恬 的 这 个 伽 马 曲线 称 头 
显示 伯 马 (diplay gamma) 。 非 常 巧 合 的 是 ，CRI 的 显示 伽 马 值 大 约 
允 是 编码 伽 马 的 倒数 。CRT 显 示 需 的 这 种 特性 ， 正 好 补偿 了 图 像 捕 捉 设 
备 的 伽 马 曲线 ， 人 们 想 ,“ 天 呐 ， 太 棒 了 ， 我 们 不 需要 做 任何 调整 就 可 
以 让 担 摄 的 图 像 在 电脑 上 看 起 来 和 原来 的 一 样 了 ! ”虽然 现在 CRT 设 备 
很 少见 了 ， 并 且 后 来 出 现 的 显示 设备 有 着 不 同 的 伽 马 响应 曲线 ， 但 
是 ， 人 们 仍 在 硬件 上 做 了 调整 来 提供 兼容 性 。 图 18.19 展 示 了 编码 伽 马 
和 显示 伽 马 在 图 像 捕捉 和 显示 时 的 作用 。 


显示 器 


编码 伽 马 显示 件 马 
场景 亮度 一 一 一 一 > 像素 值 ~- 了 一 二 -> 像素 值 一 一 一 > 显示 的 亮度 


A 图 18.19 ”编码 伽 马 和 显示 伽 马 


随后 ， 微 软 联合 爱普生 、 惠 普 提 供 了 sRGB 颜 色 空 间 标准 ， 推 荐 显 
示 器 的 显示 伽 马 值 为 2.2， 并 配合 0.45 的 编码 伽 马 就 可 以 保证 最 后 伽 马 
曲线 之 间 可 以 相互 抵消 〈 因 为 2.2x0.45<1) 。 绝 大 多 数 的 摄像 机 、PC 和 
打印 机 都 使 用 了 上 述 的 RGB 标准 。 


读 a 到 现在 ， 读 者 可 能 还 是 有 所 疑问 ， 这 和 渔 染 有 什么 关系? 答案 
苹 天 系 很 大 。 事 实 上 ， 由 于 游戏 罪 长 期 以 来 部 忽视 了 人 徊 马 校 正 的 问 
题 ， 造 成 了 我 们 泻 染 出 来 的 游戏 总 是 蜡 沉沉 的 ， 总 是 和 真实 世界 不 
像 。 由 于 编码 俘 马 和 显示 伽 马 的 存在 ， 我 们 一 不 小 心 孢 可 能 在 非 线性 
空间 下 进行 计算 ， 或 是 使 得 输出 的 图 像 是 非 线性 的 。 


对 于 输出 来 说 ， 如 果 我 们 直接 输出 泻 染 结果 而 不 进行 任何 处 理 ， 
在 经 过 显示 恬 的 显示 伽 马 处 理 后 ， 会 导致 图 像 整体 侦 暗 ， 出 现 失真 的 
状况 。 我 们 在 本 书 资源 的 Scene_18 4 2 a 显 示 了 伽 马 对 光照 效果 的 影响 
。 在 场景 Scene_ 18 4 2 a 中 ， 我 们 放置 了 一 个 球体 ， 并 把 场景 中 的 环境 
光照 设 为 全 墨 ， 再 把 平行 光 的 方 回 设置 为 从 上 方 直 接 射 到 球体 表面 ， 
球体 使 用 的 材质 为 内 置 的 漫 反射 材质 。 图 18.20 显 示 了 在 伽 马 空间 和 线 


性 空间 下 的 泻 染 结 来 。 


从 图 18.20 可 以 看 出 ， 伽 马 空间 下 的 演 染 结果 整体 偏 暗 ， 一 些 读者 
甚至 认为 这 看 起 来 更 加 正确 。 然 而 ， 实 际 此 时 屏幕 输出 的 亮度 和 球面 
的 光照 结果 并 不 是 线性 的 。 假 设 球面 上 有 一 点 A， 它 的 法 线 和 光线 方 癌 
成 60°*?， 还 有 一 点 B， 它 的 法 线 和 光线 方向 成 90*。 那 么 ， 在 Shader 中 计 
算 漫 反射 光照 时 ， 我 们 会 得 出 A 的 输出 是 (0.5, 0.5, 0.5) ，B 的 输出 是 

(1.0, 1.0, 1.0) 。 在 图 18.20 的 左 图 中 ， 我 们 没有 进行 伽 马 校正 ， 因 
此 ， 由 于 显示 器 存在 显示 伽 马 承 引 入 了 非 线 性 关系 ， 也 就 是 说 A 点 的 亮 
度 其 实 并 不 是 BB 亮度 的 一 半 ， 而 约 为 它 的 /4。 在 图 18.20 的 右 图 中 ， 我 
们 使 用 了 线性 空间 ，Unity 会 在 把 像素 写 入 颜色 缓冲 前 进行 一 次 伽 马 校 
正 ， 来 抵 消 屏幕 的 显示 伽 马 的 作用 ， 此 时 得 到 屏幕 亮度 才 是 真正 跟 像 
素 值 成 正比 的 。 


伽 马 的 存在 还 会 对 混合 造成 影响 。 在 场景 Scene_18_4_ 2 _b 中 演示 
了 一 个 简单 的 场景 来 说 明 这 个 现象 。 在 场景 Scene _ 18 4 2 b 中 ， 我 们 
放置 了 3 个 互相 重 县 的 圆 ， 它 们 使 用 的 材质 均 为 简单 的 透明 混合 材质 ， 
并 使 用 了 一 个 边界 模糊 的 圆 作 为 输入 纹理 。 场 景 在 伽 马 空间 和 线性 空 
间 下 的 效果 如 图 18.21 所 示 。 


LA 


图 18.20 左边 : 伽 马 空间 下 的 泻 染 结果 ， 右 边 : 线性 空间 下 的 泻 染 结果 


> 


A 图 18.21 左边 :; 伽 马 空间 下 的 混合 结果 ， 右 边 : 线性 空间 下 的 混合 结果 


在 独 18.21 开 儿 所 示 的 伽 马 空间 下 ， 我 们 可 以 看 到 在 绿色 和 红色 的 
混合 边界 处 出 现 了 不 正常 的 是 色 渐 变 。 而 正确 的 混合 结 采 应 该 是 如 图 
18.21 右 边 图 所 示 的 从 绿色 到 红色 的 渐变 。 除 此 之 外 ， 我 们 也 可 以 看 到 
图 18.21 左 边 图 中 交 义 的 边界 似乎 都 变 暗 了 。 这 是 因为 在 混合 后 进行 输 
出 时 ， 显 示 带 的 显示 分 已 导致 授 颖 处 颜色 变 瞳 。 


实际 上 ， 洽 染 中 非 线 性 输入 最 有 可 能 的 来 源 整 古 纹理 。 为 了 充分 
利用 存储 空间 ， 大 多 数 图 像 文件 部 进行 了 提前 的 校正 ， 即 已 经 使 用 了 
一 个 编码 伽 马 对 像素 值 编码 。 但 这 和 意味 着 它们 是 非 线性 的 ， 如 果 我 们 
在 Shader 中 直接 使 用 纹理 采样 值 束 会 造成 在 非 线性 空间 的 计算 ， 使 得 结 


果 和 真实 世界 的 结果 不 一 致 。 我 们 在 使 用 多 级 渐 远 纹理 (mipmaps) 时 
也 需要 注意 。 如 果 纹 理 存储 在 非 线 性 空间 中 ， 那 么 在 计算 多 级 渐 远 纹 
理 时 就 会 在 非 线 性 空间 里 计算 。 由 于 多 级 渐 远 纹理 的 计算 是 种 线性 计 
算 一 一 即 采样 的 过 程 ， 需 要 对 某 个 方形 区 域内 的 像素 取 平 均值 ， 这 样 
就 会 得 到 错误 的 结果 。 正 确 的 做 法 是 ， 我 们 要 把 非 线性 的 纹理 转换 到 
线性 空间 后 再 计算 多 级 渐 远 纹理 。 


如 上 所 说 ， 伽 马 的 存在 使 得 我 们 很 容易 得 到 菲 线性 空间 下 的 泻 染 
结果 。 在 游戏 泻 染 中 ， 我 们 应 该 保证 所 有 的 输入 都 被 转换 到 了 线性 空 
则 下 ， 并 在 线性 空间 下 进行 各 种 光照 计算 ， 最 后 在 输出 前 通过 一 个 编 
码 伽 马 进 行 伽 马 校正 后 再 输出 到 颜色 缓冲 中 。Untiy 的 闫 色 空 间 设 置 台 
可 以 满足 我 们 的 需求 。 当 我 们 选择 伽 马 空 间 时 ， 实 际 上 就 是 “放任 模 
式 ”， 不 会 对 Shader 的 输入 进行 任何 处 理 ， 即 使 输入 可 能 是 非 线 性 的 ; 
也 不 会 对 输出 像素 进行 任何 处 理 ， 这 意味 着 输出 的 像素 会 经 过 显示 器 
通常 表现 为 整个 场景 会 比较 昏 

。 当 选择 线 性 空间 时 ，Unity 会 把 输入 纹理 设置 为 RGB 模式 ， 在 这 种 
侠 二 下 硬件 在 对 纹理 进行 采样 时 会 目 动 将 其 转换 到 线性 空间 中 ; 并 
且 ，GPU 会 在 Shader 写 入 颜色 缓冲 前 目 动 进行 伽 马 校正 或 是 保持 线性 在 
后 面 进 行 伽 马 校正 ， 这 取决 于 当前 的 演 染 配置 。 如 果 我 们 开启 了 HDR 
( 见 18.4.3 节 ) 的 话 ， 演 染 就 会 使 用 一 个 浮 点 精度 的 缓冲 。 这 些 缓冲 有 
足够 的 精度 不 需要 我 们 进行 任何 伽 马 校正 ， 此 时 所 有 的 混合 和 屏幕 后 
处 理 都 是 在 线性 空间 下 进行 的 。 当 泻 染 完成 要 写 入 显示 设备 的 后 备 绥 
冲 区 (back buffer) 时 ， 再 进行 一 次 最 后 的 伽 马 校 正 。 如 果 我 们 没有 使 
用 HDR， 那 么 Unity 就 会 把 缓冲 设置 成 RGB 格式 ， 这 种 格式 的 缓冲 就 像 
一 个 普通 的 纹理 一 样 ， 在 写 入 缓冲 前 需要 进行 伽 马 校 正 ， 在 读 取 缓 冲 
时 需要 再 进行 一 次 解码 操作 。 如 果 此 时 开启 了 混合 〈 像 我 们 之 前 的 那 
样 ) ， 在 每 次 混合 时 ， 硬 件 会 首先 把 之 前 颜色 缓冲 中 存储 的 颜色 值 转 
换 回 线性 空 x 间 中 ， 然 后 再 与 当前 的 颜色 进行 混合 ， 完 成 后 再 进行 伽 马 
校正 ， 最 后 把 校正 后 的 混合 结果 写 入 颜色 绥 冲 中 。 这 里 需要 注意 ， 透 
明 通 道 是 不 会 参与 伽 马 校正 的 。 


然而 ，Unity 的 线性 空间 并 不 是 所 有 平台 都 支持 的 ， 例 如 ， 移 动 平 
台 束 无 法 使 用 线性 空间 。 此 时 ， 我 们 整 需 要 自己 在 Shader 中 进行 伽 马 校 
正 。 对 非 线 性 输入 纹理 的 校正 代码 通 单 如 下 : 


float3 diffuseCol = pow(tex2D( diffTex, texCoord ), 2.2 ); 


[L 
在 最 后 输出 前 ， 对 输出 像素 值 的 校正 代码 通常 如 下 面 这 样 


fragColor.rgb = pow(fragColor.rgb, 1.0/2.2); 
return fragColor; 


但 是， 手工 对 输出 像素 进行 伽 马 校 正 会 在 使 用 混合 时 出 现 问 题 。 
这 是 因为 ， 校 正 会 导致 写 入 颜色 缓冲 内 的 颜色 是 非 线 性 的 ， 这 样 混合 
吏 发 生 在 非 线性 空间 中 。 一 种 解决 方法 是 ， 在 中 间 计 算 时 不 要 对 输出 
颜色 值 进行 伽 马 校正 ， 但 在 最 后 需要 进行 一 个 屏幕 后 处 理 操 作 来 对 最 
后 的 输出 进行 伽 马 校正 ， 也 就 是 说 我 们 需要 保证 伽 马 校 正 发 生 在 渔 染 
的 最 后 一 步 中 ， 但 这 可 能 会 造成 一 定 的 性 能 损耗 。 


你 会 说 ， 伽 马 这 么 太 烦 ， 什 么 时 候 可 以 舍弃 它 呢 ? 如 果 有 一 天 我 
们 对 图 像 的 存储 空间 能 够 大 大 提升 ， 通 用 的 格式 不 再 古 8 位 时 ， 例 如 是 
32 位 时 ， 合 蕊 也 许 束 会 消失 。 因 为 ， 我 们 有 足够 多 的 闫 色 空 间 可 以 利 
用 ， 不 需要 为 了 充分 利用 存储 空间 进行 伽 马 编码 的 工作 了 。 这 就 是 我 
们 下 面 要 讲 的 HDR。 


18.4.3 ”什么 是 HDR 


在 使 用 基于 物理 的 泻 染 时 ， 我 们 经 常会 听 到 一 个 名 词 就 是 HDR 。 
HDR 是 High Dynamic Range 的 缩写 ， 即 高 动态 范围 ， 与 之 相对 的 是 低 动 
态 范围 (Low Dynamic Range，LDR) 。 那 么 这 个 动态 范围 是 指 什么 
呢 ? 通俗 来 讲 ， 动 态 范围 指 的 就 是 最 高 的 和 最 低 的 亮度 值 之 间 的 比 
值 。 在 真实 世界 中 ， 一 个 场景 中 最 亮 和 最 暗 区 域 的 范围 可 以 非常 大 ， 
例如 ， 太 阳 发 出 的 光 可 能 要 比 场景 中 某 个 影子 上 的 点 的 亮度 要 高 出 几 
万 倍 ， 这 些 范 围 远 远 超过 图 像 或 显示 器 能 够 显示 的 范围 。 通 常 在 显示 
设备 使 用 的 颜色 缓冲 中 每 个 通道 的 精度 为 8 位 ， 意 味 着 我 们 只 能 用 这 
256 种 不 同 的 亮度 来 表示 真实 世界 中 所 有 的 亮度 ， 因 此 ， 在 这 个 过 程 中 
一 定 会 存在 一 定 的 精度 损失 。 早 期 的 拍摄 设备 利用 人 眼 的 特点 ， 使 用 
了 伽 马 曲线 来 对 捕捉 到 的 图 像 进行 编码 ， 尽 可 能 充分 地 利用 这 些 有 限 
的 存储 空间 ， 这 点 我 们 已 经 在 18.4.2 节 解释 过 了 。 然 而 ，HDR 的 出 现 给 
我 们 带 来 了 新 的 希望 ，HDR 使 用 远 远 高 于 8 位 的 精度 (如 32 位 ) 来 记录 


亮度 信息 ， 使 得 我 们 可 以 表示 超过 0~1 内 的 亮度 值 ， 从 而 可 以 更 加 精 
确 地 反映 真实 的 光照 环境 。 尽 管 我 们 最 后 还 是 需要 把 信息 转换 到 显示 
设备 使 用 的 LDR 内 ， 但 中 间 的 计算 却 可 以 让 我 们 得 到 更 加 真实 可 信 的 
效果 。Nvidia 曾 总 结 过 使 用 HDR 进 行 泻 染 的 动机 : 让 亮 的 物体 可 以 真 
的 非常 之 ， 暗 的 物体 可 以 真 的 非常 瞳 ， 同 时 又 可 以 看 到 两 者 之 间 的 细 
人 O 


使 用 HDR 来 存储 的 图 像 被 称 为 高 动态 范围 图 像 (HDRI) ， 例 如 ， 
我 们 在 18.3 节 中 就 是 使 用 了 一 张 HDRI 图 像 来 作为 场景 的 Skybox。 这 样 
的 Skybox 可 以 更 加 真实 地 反映 物体 周围 的 环境 ， 从 而 得 到 更 加 真实 的 
反射 效果 。 不 仅 如 此 ，HDR 对 与 苑 照 琶 加 也 有 非常 重要 的 作用 。 如 果 
我 们 的 场景 中 有 很 多 光源 或 是 光源 强度 很 大 ， 那 么 一 个 物体 在 经 过 多 
次 光照 泻 染 县 加 后 最 终 得 到 的 光照 亮度 很 可 能 会 超过 1。 如 果 没 有 使 用 
HDR， 这 些 超 过 1 的 部 分 全 部 会 截取 到 1， 使 得 场景 丢失 了 很 多 亮 部 区 
域 的 细节 。 但 如 果 开 启 了 HDR， 我 们 就 可 以 保留 这 些 超过 范围 的 光照 
结果 ， 尽 管 最 后 我 们 仍然 需要 把 它们 转换 到 LDR 进 行 显示 ， 但 我 们 可 
以 使 用 色调 映射 (tonemapping) 技术 来 控制 这 个 转换 的 过 程 ， 从 而 
允许 我 们 最 大 限度 地 保留 需要 的 亮度 细 世 。 


HDR 的 使 用 可 以 允许 我 们 在 屏幕 后 处 理 中 拥有 更 多 的 控制 权 。 例 
如 ， 我 们 常常 同时 使 用 HDR 和 Bloom 效 果 。 我 们 曾 在 12.5 节 解释 了 
Bloom 特 效 的 实现 原理 ，Bloom 效 果 需 要 检测 屏幕 中 腕 度 大 于 某 个 病 值 
的 像素 ， 把 它们 提取 出 来 后 进行 模糊 ， 再 从 加 a 到 原 图 像 中 。 但 是 ， 如 
果 不 使 用 HDR 的 话 ， 我 们 只 能 使 用 小 于 1 的 立 值 来 提取 需要 的 像素 ， 但 
很 多 时 候 我 们 实际 上 是 需要 提取 那些 非常 亮 的 区 域 ， 例 如 车 窗 上 对 太 
阳 的 强烈 反光 。 由 于 没有 使 用 HDR， 这 些 值 实际 上 很 可 能 和 街 上 一 些 
颜色 偶 日 的 区 域 几 乎 一 样 ， 造 成 不 硕 望 的 区 域 也 会 出 现 汉 区 的 效果 。 
如 采 我 们 使 用 HDR， 这 些 就 都 可 以 解决 了 ， 我 们 只 需要 使 用 超过 1 的 国 
值 来 只 提取 那些 非常 腕 的 区 域 即 可 。 


总 体 来 说 ， 使 用 HDR 可 以 让 我 们 不 会 丢失 高 亮度 区 域 的 颜色 值 ， 
提供 了 更 真实 的 光照 效果 ， 并 为 一 些 屏 幕后 处 理 提供 了 更 多 的 控制 能 
力 。 但 HDR 也 有 上 自身 的 缺点 ， 首 先 由 于 使 用 了 浮 点 缓冲 来 存储 高 精度 
图 像 ， 不 仅 需要 更 大 的 显存 空间 ， 泻 染 速 度 会 变 慢 ， 除 此 之 外 ， 一 些 
硬件 并 不 文 择 HDR。 而 且 一 旦 使 用 了 HDR， 我 们 无 法 再 利用 硬件 的 抗 
锯齿 功能 。 事 实 上 ， 在 Unity 中 如 果 我 们 同时 打开 了 硬件 的 抗 句 次 (在 


Edit ~ Project Settings ~ Quality ~” Anti Aliasing 中 打开 ) 和 摄像 机 的 

HDR，Unity 会 发 出 警告 来 提示 我 们 由 于 开局 了 抗 锯 次， 因此 ， 无 法 使 
dA 我 们 可 以 使 用 基于 屏幕 后 处 理 的 抗 锯齿 操作 
来 弥补 这 一 点 。 


在 Unity 中 使 用 HDR 也 非常 简单 ， 我 们 可 以 在 Camera 组 件 面 板 中 打 
开 HDR 选 项 即 可 。 此 时 ， 场 景 束 会 被 泻 染 到 一 个 HDR 的 图 像 缓 冲 中 ， 
这 个 缓冲 的 精度 范围 可 以 远 远 超 过 0~1。 最 后 ， 我 们 可 以 再 使 用 一 个 
色调 映射 的 屏幕 后 处 理 脚本 来 把 HDR 图 像 转 换 到 LDR 图 像 进行 显示 。 
读者 可 以 在 Unity 官 方 手 册 中 的 高 动态 范围 演 染 一 节 
(http://docs.unity3d.com/Manual/HDR.html ) 以 及 本 章 最 后 的 扩展 阅读 
中 找到 更 多 的 内 容 。 


18.4.4 那么 ，PBS 适 合 什么 样 的 游戏 


在 把 PBS 引 入 当前 的 游戏 项 目 之 前 ， 我 们 需要 权衡 一 下 它 的 优 缺 
点 。 需 要 再 次 提醒 读者 的 是 ，PBS 并 不 意味 着 游戏 画面 需要 追求 和 照片 
一 样 真 实 的 效果 。 事 实 上 ， 很 多 游戏 都 不 需要 刻意 去 追求 与 照片 一 样 
的 真实 感 ， 玩 家 眼中 的 真实 感 大 多 也 并 不 是 如 此 。PBS 的 优点 在 于 ， 我 
们 只 需要 一 个 万 能 的 Shader 束 可 以 泻 染 相 当 一 大 部 分 类 型 的 材质 ， 而 不 
征 使 用 传统 的 做 法 为 每 种 材质 写 一 个 特定 的 Shader。 同 时 ，PBS 可 以 保 
证 在 各 种 光照 条 件 下 ， 材 质 都 可 以 自然 地 和 光源 进行 交互 ， 而 不 需要 
我 们 反复 地 调整 材质 参数 。 


然而 ， 在 使 用 PBS 时 我 们 也 需要 考虑 到 它 带 来 的 代价 。 如 上 面 提 到 
的 ，PBS 往 往 需要 更 复杂 的 光照 配合 ， 例 如 大 量 使 用 光照 探 针 和 反射 控 
针 等 。 而 且 PBS 也 需要 开局 HDR 以 及 一 些 必 不 可 少 的 屏幕 特效 ， 例 如 
抗 锯 众 、Bloom 和 色调 映射 ， 如 果 这 些 屏 幕 特效 对 当前 游戏 来 说 需要 消 
耗 过 多 的 性 能 ， 那 么 PBS 束 不 适合 当前 的 游戏 ， 我 们 应 该 使 用 传统 的 
Shader 来 浑 染 游戏 。 使 用 PBS 对 美工 人 员 来 说 同样 是 个 挑战 。 美 术 资 源 
的 制作 过 程 和 使 用 传统 的 Shader 有 很 大 不 同 ， 普 通 的 法 线 纹理 + 高 光 反 
射 纹理 的 组 合 不 再 适用 ， 我 们 需要 创建 更 细腻 复杂 的 纹理 集 ， 包 括 金 
属 值 纹理 、 高 光 反 射 约 理 、 粗 糙 度 纹理 、 遮 挡 纹理 ， 有 些 还 需要 使 用 
额外 的 细 区 纹理 来 给 材质 添加 更 多 的 细节 表面 。 除 了 使 用 图 片 扫 拉 的 
传统 辅助 方法 外 ， 这 些 纹理 的 制作 通常 还 需要 更 专业 的 工具 来 绘制 ， 
例如 Allegorithmic Substance Painter 和 Quixel Suite 。 


18.5 ”扩展 阅读 


Unity 官 方 提供 了 很 多 学 习 PBS 的 资料 。 在 Unity 官方 博客 中 的 全 

局 光照 一文 (global- ilumination-in-unity-5) 中 ， 简 明 地 阐述 了 全 局 
光照 的 解决 方案 。 在 另外 两 篇 博客 (working-with- physically-based- 
Shading-a-practical-approach/ 、 physically-based-shading-in-unity- 5-a- 
primer/) 中 ， 介 绍 了 Standard Shader 的 用 法 和 注意 事项 。 官 方 项 目 也 是 
很 好 的 学 习 闹 料 。Unity 开 放 了 基于 物理 着 色 帮 的 示例 项 目 Viking 
Village 以 及 两 个 更 小 的 示例 项 目 Shader Calibration Scene 和 Corridor 
Lighting Example 来 着 重 介 绍 如 何 使 用 Unity 5 全 新 的 Standard Shader 
和 全 局 光照 系统 。 看 过 Unity 5 宣传 视频 的 读者 想必 对 Unity 5 制作 出 来 
的 电影 短片 The Blacksmith 印象 深刻 ， 尽 管 Unity 没 有 开放 出 完整 的 工 
程 ， 但 把 许多 关键 的 技术 实现 放 到 了 资源 商店 里 ， 例 如 ， 人 物 角 色 使 
用 的 Shader、 头 发 使 用 的 Shader、 人 物 阴影 、 大 气 次 散射 等 ， 这 些 都 
是 非常 好 的 学 习 资 料 。 除 此 之 外 ，Unity 还 提供 了 一 些 相关 教程 供 新 手 
学 习 ， 读 者 可 以 在 图 形 的 教程 板块 

(http://unity3d.com/cn/learn/tutorials/ topics/graphics ) 下 找到 很 多 相关 
教程 。 例 如 ， 在 Unity 5 的 光照 概览 (http://unity3d.com/cn/learn/ 


tutorials/modules/ beginnerunity-5/unity5-lighting-overview ) 中 ， 介 绍 


了 Unity 5 中 使 用 的 各 种 全 局 光照 技术 ;光照 和 泻 染 

(https://unity3d.com/cn/learn/tutorials/ 
modules/beginner/graphics/lighting- and-rendering ) 一 文 更 加 详细 地 介 
绍 了 Unity 5 中 各 种 光照 的 实现 细 和 ， 以 及 一 些 设置 场景 光照 时 的 注意 
事项 ; 在 Standard Shader 的 视频 教程 

(http://unity3d.com/cn/learn/tutorials/modules/beginner/ 5-tutorials/ 
standard-shader ) 中 ，Unity 介 绍 了 Standard Shader 的 基本 用 法 以 及 和 光 
照 之 间 的 配合 。 


近年 来 ，Unity 官 方 在 Unite、SIGGRAPH 等 大 会 上 也 分 享 不 少 关于 
PBS 的 技术 资料 。 在 Unite 2014 会 议 上 ，Anton Hand 在 他 的 演讲 中 给 出 
了 很 多 关于 如 何 创建 PBS 中 使 用 的 资源 的 最 佳 实践 ;Renaldas Zioma 和 
Erland Korner 讲 解 了 如 何在 Unity 5 中 更 加 有 效 地 使 用 PBS。 在 
SIGGRPAH 2015 会 议 上 ， 来 自 Unity 的 技术 人 员 分 享 了 The Blacksmith 
的 环境 制作 过 程 。 


如 果 读 者 希望 更 深入 地 学 习 PBS 的 理论 和 实践 ， 可 以 在 近年 来 的 
SIGGRAPH 课 程 上 找到 非常 丰富 的 资料 。SIGGRAPH 有 自 2006 年 起 开始 
出 现 与 PBS 相 关 的 课程 ， 更 是 连续 4 年 《2012~2015) 由 来 自 各 大 游戏 
公司 和 影视 公司 的 技术 人 员 分 享 他 们 在 PBS 上 的 实践 。 例 如 在 2012 年 
的 课程 上 ，Disney 公 布 了 他 们 在 离线 泻 染 时 使 用 的 BRDF 模 型 ， 这 也 是 
Unity 等 很 多 游戏 引擎 使 用 的 PBR 的 理论 基础 。Kostas Anagnostou 在 他 
的 文章 中 列 出 了 非常 多 的 关于 PBR 的 相关 文章 ， 包 括 我 们 上 面 提 到 的 
SIGGRAPH 课 程 ， 强 烈 建议 有 兴趣 的 读者 去 浏览 一 番 。 


国内 的 相关 资料 则 相对 较 少 。 鸡 敏 敏 在 他 的 KlayGE 引 警 中 引入 了 
PBS， 并 写 了 系列 博文 来 简明 地 阐述 其 中 的 理论 基础 。 在 知 乎 专栏 
Behind the Pixels (http://zhuanlan.zhihu.com/graphics ) 中 ， 作 者 给 出 
了 3 篇 关于 基于 物理 着 色 的 系列 文章 。 
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第 19 章 ”Unity 5 更 新 了 什么 


Unity 5 相 较 于 之 前 的 版 本 来 说 ， 在 Shader 方 面 做 了 许多 重要 的 更 
新 。 一 些 更 新 很 容易 被 大 家 察觉 ， 例 如 ， 如 有 果 读 者 直接 把 在 Unity 4 中 
使 用 的 一 些 Shader 源 代码 粘贴 到 Unity 5 中 ， 往 往 会 发 现 和 Unity 4 中 得 
到 的 演 染 结果 不 尽 相 同 ， 甚 至 还 会 报销。 本章 将 会 对 Unity 5 进行 的 一 
些 重要 更 新 〈 仅 关注 Shader 方 面 的 更 新 ) 进行 解释 ， 来 帮助 读者 加 深 
对 Unity Shader 的 理解 。 


19.1 ”场景 “更 亮 了 ” 


如 果 你 曾经 学 习 或 阅读 过 Unity 5 之 前 的 一 些 Shader 源 码 的 话 ， 往 
往 会 在 计算 漫 反 射 时 发 现 类 似 下 面 的 代码 : 


// Unity 5 之 前 的 shader 经 常 包含 了 类 似 下 面 的 代码 ， 
// 而 在 Unity 5 中 ， 我 们 不 需要 再 进行 x2 的 操作 


c.rgb = s.Albedo * _LightColorO.rgb * (diff * atten * 2); 


这 类 代码 通常 会 在 光照 结果 的 最 后 乘 以 系数 >， 而 作者 往往 解释 
说 ， 因 为 不 乘 以 2 的 话 场景 会 看 起 来 很 暗 。 但 是 ， 如 采 我 们 仍然 在 
Unity 5 中 编写 类 似 上 面 的 代码 ， 场 景 束 会 看 起 来 变 完 了 ， 这 通 肖 不 是 
我 们 希望 看 到 的 。Unity 5 之 前 的 Shader 中 需要 乘 以 ?是 一 个 历史 遗留 原 
因 ， 并 最 终 在 Unity 5 中 得 到 了 修正 。 在 Unity 5 中 ， 光 照 的 强度 被 目 动 
增强 到 原来 的 两 倍 。 这 意味 着 ， 如 采 我 们 在 场景 中 放置 一 个 纯 日 色 的 
平面 ， 同 时 让 一 个 平行 光 从 它 的 正 上 方 牌 直 照 射 到 它 的 表面 ， 那 么 平 
面 得 到 的 漫 反 射 苑 照 结 末 束 是 平行 沧 本 吴 的 颜色 。 而 在 Unity 5 之 前 的 
版 本 中 ， 上 述 的 平面 并 不 会 得 到 和 光源 颜色 一 致 的 结 采 。 


因此 ， 如 有 果 读 者 直接 从 之 前 的 项 目 中 使 用 现成 的 Shader 代 码 并 把 
它 移植 到 Unity 5 中 ， 需 要 去 掉 光 照 计 算 中 乘 以 2 的 部 分 ， 来 得 到 和 之 前 
一 致 的 光照 结 末 。 


19.2 ”表面 着 色 器 更 容易 “报错 了 >” 


如 果 读 者 把 一 些 老 版 本 下 使 用 的 表面 着 色 絮 代码 直接 精 贴 到 Unity 
5 中 使 用 ， 可 能 会 发 现 原本 并 没有 报错 的 代码 在 Unity 5 下 报错 了 ， 这 些 
报错 信息 通常 是 指 Shader 中 的 数学 指令 或 插值 寄存 器 的 数目 超过 了 限 
制 ， 并 提示 需要 使 用 更 高 的 Shader Model， 如 SM 3.0。 


这 些 报错 信息 的 出 现 ， 是 因为 Unity 5 的 表面 着 色 絮 在 背后 进行 了 
更 多 的 计算 。 我 们 在 第 17 章 中 解释 过 表面 着 色 器 的 实现 原理 ， 概 括 来 
说 就 是 Unity 会 在 背后 把 表面 着 色 器 转换 成 对 应 的 顶点 / 片 元 着 色 器 。 
这 些 转换 过 程 通常 是 有 规律 可 循 的 ， 而 在 Unity 5 中 ，Unity 在 转换 过 程 
中 使 用 了 更 多 的 计算 和 插值 寄存 器 ， 从 而 造成 一 些 自 定义 的 表面 着 色 
妖 可 能 会 在 新 版 本 中 报错 。 这 些 新 添加 的 计算 和 插值 寄存 如 通常 是 为 
了 计算 阴影 、 雾 效 、 非 统一 缩放 模型 的 法 线 变换 矩阵 。 在 Unity 5 之 
前 ， 如 果 需 要 使 用 法 线 纹理 ，Unity 会 把 观察 方向 和 光照 方向 在 顶点 着 
色 絮 中 变换 到 切线 空间 下 再 传递 给 片 元 着 色 絮 ， 但 Unity 5 则 选择 首先 
在 顶点 着 色 器 中 计算 从 切线 空间 到 世界 空间 的 变换 矩阵 ， 再 在 片 元 着 
色 絮 中 把 法 线 变 换 到 世界 空间 下 ， 从 而 需要 使 用 更 多 的 插值 寄存 器 来 
存储 变换 和 矩阵 。 由 于 Unity 默 认 的 Shader Model 版 本 为 2.0， 这 些 新 添加 
的 计算 再 加 上 一 些 自 定 义 的 变量 和 计算 就 很 有 可 能 会 超过 SM 2.0 中 对 
计算 指令 和 插值 寄存 器 数目 的 限制 。 


对 上 述 问 题 的 解决 方法 也 很 简单 。 一 种 方法 是 直接 使 用 更 高 的 
Shader Model， 例 如 ， 在 Shader 中 添加 如 下 代码 来 指明 使 用 SM 3.0: 


#pragma target 3.0 


另 一 个 方法 是 减少 表面 着 色 器 背后 的 计算 ， 这 可 以 通过 表面 着 色 
器 的 编译 指令 来 实现 。 例 如 ， 我 们 可 以 通过 类 似 下 面 的 编译 指令 ， 来 
指明 不 需要 为 该 物体 计算 阴影 纹理 名 标 (不 接收 阴影 ) 、 光明 纹理 人 
示 以 及 雾 效 : 


#pragma surface surfaceFunction lightModel noshadow nolightmap el 


19.3 ”当家 做 主 : 上 自己 控制 非 统 一 缩放 的 网 格 


Unity 5 的 男 一 个 重要 的 改进 是 ， 非 统一 缩放 的 网 格 不 再 由 Unity 提 
前 在 CPU 中 处 理 了 。 我 们 曾 在 4.7 节 讲 到 过 非 统 一 缩放 对 法 线 变 换 的 影 
员 ， 非 统一 缩放 的 网 格 需 要 使 用 原 变 换算 阵 的 逆转 置 矩 阵 来 变换 法 线 
才 可 以 得 到 正确 的 变换 结 采 。 然 而 ， 在 Unity 5 之 前 的 版 本 中 ， 我 们 并 
不 需要 在 Shader 中 考虑 非 统一 缩放 珊 来 的 种 种 影响 ， 因 为 传 到 Shader 
中 的 数据 已 经 不 存在 非 统一 缩放 了 “。 那 么 ， 这 是 如 何 做 到 的 呢 ? Unity 
5 之 前 的 版 本 会 在 CPU 中 把 涉及 非 统一 缩放 的 模型 变换 成 统一 缩放 的 模 
型 ， 也 就 是 说 ，Unity 会 在 CPU 中 再 创建 一 个 和 非 统 一 缩放 模型 空间 大 
小 相同 ， 但 只 包含 统一 缩放 的 模型 。 因 此 ， 我 们 第 单 会 在 一 些 较 旧 的 
Shader 版 本 中 看 到 类 似 下 面 的 代码 : 


// #define SCALED_ NORMAL (v.normal * unity_Scale.w) 


float3 worldNormal = mul((float3x3)_Object2World, SCALED_NORMAL ); 


上 上面 的 代码 把 法 线 从 模型 空间 变换 到 世界 空间 下 ， 由 于 只 包 售 统 
一 缩放 ， 因 此 ， 代 码 首先 使 用 统一 缩放 系数 unity_Scale.w (在 Unity 4.x 
中 ， 该 值 表 示 的 值 为 1/ 统 一 缩放 系数 ) 来 得 到 归 一 化 后 的 法 线 ， 然 后 
再 使 用 模型 空间 到 世界 空间 的 变换 矩阵 直接 变换 法 线 方向 。Unity 5 之 
前 采用 的 这 种 做 法 的 好 处 是 ， 我 们 不 需要 在 泻 染 中 考虑 非 统一 缩放 的 
有 影响， 而 它 的 缺点 是 ，CPU 的 计算 消耗 会 更 大 ， 而 且 需 要 占用 更 多 内 
存 空间 来 存储 这 些 重新 缩放 的 模型 。 


Unity 5 正式 抛弃 了 之 前 的 做 法 ， 它 直接 将 原 顶 点 信息 和 包含 非 统 
一 缩放 的 矩阵 传递 给 Shader， 因 此 ，unity_Scale 也 就 没有 意义 了 。 如 果 
我 们 需要 在 顶点 / 片 元 着 色 器 中 变换 顶点 法 线 ， 束 需要 时 刻 小 心 非 统一 
缩放 的 影响 ， 以 及 需要 对 变换 后 的 法 线 进行 手动 归 一 化 的 操作 。 


19.4 固定 管线 着 色 硕 逐渐 退出 舞台 


我 们 在 3.4.3 节 中 讲 到 ，Unity 支 持 的 着 色 器 形式 包含 了 固定 管线 的 
着 色 嚣 类型。 固定 管线 着 色 器 是 在 可 编程 着 色 器 出 现 之 前 ，GPU 大 量 
使 用 的 着 色 器 形式 。 它 的 工作 方式 就 像 是 一 个 包含 了 很 多 开关 和 配置 
的 黑箱 子 ， 我 们 可 以 通过 开启 或 关闭 某 些 功能 来 让 GPU 进 行 相应 的 泻 
染 。 在 Unity 最 开始 出 现 的 时 期 里 (2005 年 6 月 ，Unity 1.0.1 发 布 ) ， 使 
用 固定 管线 的 GPU 还 占据 了 一 定 的 市 场 份 额 ， 因 此 ，Unity 从 那 时 开始 
就 始终 支持 编写 固定 管线 的 着 色 峰 。 


然而 ， 实 际 上 很 多 平台 早已 不 文 持 固定 管线 着 色 希 。 例 如 ， 

OpenGL 1.5 是 最 后 一 个 使 用 固定 管线 编程 的 OpenGL 版 本 ， 从 OpenGL 
2.0 (2004 年 发 布 ) 开始， 束 只 文 持 可 编程 管线 的 着 色 器 。Unity 仍 然 保 
留 对 固定 管线 着 色 器 的 文 持 ， 是 出 于 两 个 主要 原因 : 下 和 完 ， 有 很 多 项 
目 和 资源 包 都 大 量 使 用 了 固定 管线 着 色 絮 ， 其 次 是 固定 管线 着 色 器 的 
代码 通常 要 比 实现 相同 功能 的 顶点 / 片 元 着 色 器 少 很 多 。 现 在 Unity 文 
持 的 绝 大 多 数 平台 实际 已 经 完全 不 再 支持 固定 管线 编程 ，Unity 需 要 在 
背后 把 我 们 编写 的 固定 管线 着 色 名 转换 成 相应 的 可 编程 管线 着 色 器 。 


但 是 ， 这 样 的 做 法 有 很 多 炊 疾 。 下 完 ， 诸 如 PS4 和 XboxOne 这 样 的 
平台 并 不 文 持 Unity 的 固定 管线 着 色 器 (这 点 在 Unity 5.2 中 得 到 了 改 
善 ) ， 这 主要 是 因为 想 要 在 这 些 平 台 上 实时 生成 着 色 器 代码 是 很 困难 
的 。 其 次 ， 虽然 固定 绾 线 着 色 句 代码 比较 简单 ， 但 这 些 着 色 器 能够 实 
现 的 效果 非常 有 限 ， 最 后 ， 我 们 往往 仍然 需要 使 用 灵活 性 更 高 的 顶点 / 
片 元 着 色 需 来 殖 代 。 


Unity 5.x 版 本 对 固定 管线 着 色 器 的 导入 和 编译 进行 了 优化 。 截 止 
到 Unity 5.2 版 本 ， 所 有 固定 管线 着 色 喜 都 会 在 导入 时 被 转换 成 真正 的 
顶点 / 片 元 着 色 絮 ， 并 且 已 经 支持 所 有 平台 ， 包 括 游戏 机 平台 。 我 们 还 
可 以 在 Shader 的 导入 面板 中 查看 固定 管线 着 色 絮 生成 的 顶点 / 片 元 着 色 
器 ， 如 图 19.1 所 示 。 


Imported Object 


本 Legacy Shaders/VertexLit 次 ， 
a 
rface shader no 

Compiled code Compile and show code | > 

Cast shadows Yes 

Render queue 2000 

LOD 100 

lgnore projector no 

Disable batching no 

Properties: 

_Color Color Main Color 
_SpecColor Color: Spec Color 
_Emission Color: Emissive Color 
_Shininess Range: Shininess 
_MainTex 


Texture: Base (RGB) 


> 


图 19.1 在 shader 的 导入 面板 中 ， 单 击 图 中 按钮 可 查看 Unity 为 该 固定 管线 着 色 器 生成 的 顶 
点 / 片 元 着 色 器 代码 


但 缺点 是 ， 以 前 一 些 固 定 管线 着 色 咽 的 功能 ， 例 如 ， 使 用 TexGen 
命令 来 生成 纹理 坐标 以 及 进行 纹理 坐标 变换 的 矩阵 操作 等 ， 已 经 被 抛 
弃 了 。 而 且 ， 我 们 也 不 可 以 再 在 脚本 中 使 用 类 似 new Material(“fixed 
function shader string”) 的 代码 来 实时 创建 一 个 固定 管线 的 着 色 器 。 除 此 
之 外 ， 我 们 也 不 可 以 再 混用 可 编程 和 固定 管线 的 着 色 絮 。 


实际 上 ， 由 于 Unity 目 前 支持 的 所 有 平台 都 已 经 抛弃 了 固定 管线 着 
色 器 ， 我 们 已 经 没有 必要 再 使 用 固定 管线 着 色 器 来 进行 泻 染 了 了。 如 果 
读者 硕 望 了 解 更 多 Unity 5 对 固定 管线 的 优化 ， 可 以 参见 Unity 图 形 工程 
师 Aras 的 博客 。 


第 20 章 ”还 有 更 多 内 容 吗 

我 们 相信 一 本 几 十 万 字 的 书籍 并 不 能 满足 一 些 读者 对 于 泻 染 强烈 
的 求知 欲 。 在 本 书 的 最 后 ， 我 们 会 给 出 许多 优秀 的 学 习 资料 来 帮助 读 
者 进行 下 一 步 的 学 习 。 


20.1 ”如 果 你 想 深入 了 解 泻 染 的 话 


Unity Shader 实 际 是 建立 在 OpenGL、DirectX 这 样 更 加 基础 的 图 像 
编程 接口 上 的 。 这 样 的 封装 可 以 为 我 们 节省 很 多 工作 ， 但 可 能 会 影响 
我 们 对 底层 工作 方式 的 理解 。 这 些 图 像 编程 接口 都 有 各 自 非 常 出 色 的 
学 习 资 料 ， 例 如 OpenGL 有 非常 有 名 的 红 宝 书 《OpenGL 编 程 指南 》 闻 
和 监 宝 书 《OpenGL 超 级 宝 时 》 上 四 。 更 多 的 参考 书 可 以 在 叶 劲 峰 (网 
名 : Milo Yip) 的 豆 列 计算 机 图 形 : 入 门 /API 类 

(http://www.douban.com/doulist/1445744/ ) 中 找到 。 


GPU 精粹 系列 书籍 BID 中 包含 许多 游戏 和 其 他 实时 泻 染 中 使 用 
的 高 级 泻 染 技术 。 与 之 类 似 的 还 有 GPU Pro 系 列 书籍 中 和 ShaderX 系 列 
书籍 !。 这 些 内 容 相 对 比较 高 深 ， 大 都 来 源 于 行业 内 的 精英 对 各 种 泻 
染 技 术 的 总 结 ， 硕 望 深入 了 解 洽 染 各 个 方面 的 读者 一 定 不 可 以 错过 。 
叶 劲 峰 在 他 的 豆 列 计算 机 图 形 : Gems 类 
(http://www.douban.com/doulist/1445745/ ) 中 总 结 了 更 多 的 图 形 学 精 
粹 系列 书籍 。 


尽管 本 书 天 注 的 是 游戏 中 使 用 的 实时 泻 染 技术 ， 但 一 些 基 于 光线 
人 退 味 等 方式 的 泻 染 方法 同样 是 图 形 学 中 的 重点 。 在 《Physically based 
rendering: From theory to implementation》[ 引 一 书 中 ， 作 者 介绍 并 实现 
了 基于 物理 泻 染 的 框架 ， 这 是 学 习 光 线 退 踪 和 PBS 的 非常 好 的 资料 。 


最 后 ， 我 们 不 得 不 提起 被 誉 为 图 形 程序 员 专 著 的 《Real-time 
Rendering, third Edition》[91 一 书 。 在 该 书 出 版 时 ， 几 乎 涵盖 了 实时 泻 
染 中 的 所 有 相关 技术 ， 作 者 在 书 中 给 出 了 大 量 的 参考 文献 ， 并 在 网 上 
维护 了 一 个 专门 的 页 面 来 总 结实 时 渲染 中 使 用 的 各 个 技术 和 资料 。 


在 学 术 方 面 ， 图 形 学 相关 的 会 议和 论坛 是 开阔 视野 、 学 习 前 沿 泻 
染 技术 的 绝 佳 途 径 。SIGGRAPH 会 议 是 图 形 学 领域 最 顶级 的 会 议 ， 每 
年 来 目 世界 各 地 的 顶尖 学 者 和 行业 精英 都 会 汇聚 一 党， 展示 这 一 年 中 
他 们 在 图 形 学 领域 的 工作 和 进展 。 与 之 类 似 的 会 议 还 有 ，SIGGRAPH 
Asia、PEurographics、9Symposium on Interactive 3D Graphics and Games 


等 会 议 ， 读 者 可 以 在 Ke-Sen Huang 的 主页 中 找到 历年 在 这 些 会 议 上 发 


表 的 论文 。 需 要 特别 提出 的 是 ， 每 年 SIGGRAPH 上 的 SIGGRAPH 
Course 中 都 会 有 很 多 来 自 游 戏 行业 的 报 术 人 员 分 至 他 们 在 游戏 图 像 方 
面 的 进展 ， 除 了 在 第 18 章 中 提 到 的 课程 Physically Based Shading in 
Theory and Practice 外 ，Advances in Real-Time Rendering 系列 课程 
同样 是 非常 出 色 的 学 习 资 料 。 在 这 个 课程 中 ， 来 自己 电 、 育 和 外、Epic 
等 知名 游戏 公司 的 技术 人 员 将 阐述 他 们 是 如 何在 游戏 中 使 用 各 种 复杂 
的 渲染 拉 术 来 实现 次 世代 游戏 画面 的 。 自 2006 年 起 ， 该 课程 已 经 在 
SIGGRAPH Course 上 连续 举办 了 十 届 。 男 一 个 与 游戏 居 居 相关 的 会 议 
是 游戏 开发 者 会 议 (Game Developers Conference，GDC) ， 每 年 的 
GDC 会 议 都 会 汇集 全 世界 的 游戏 开发 者 。 目 2009 年 ， 中 国 也 迎 来 了 
GDC China， 给 中 国 的 游戏 开发 者 提供 了 更 多 的 行业 交流 机 会 。 


除了 上 述 提 到 的 书籍 和 会 议 外 ， 一 些 非常 有 趣 的 网 站 也 可 以 帮助 
开阔 我 们 的 视野 。 在 Shadertoy 网 站 上 ， 你 可 以 看 到 来 和 目 全 世界 的 人 们 
是 如 何 只 用 一 个 片 元 着 色 絮 来 实现 各 种 或 恢弘 壮丽 、 或 经 典 怀旧 的 场 
景 的 。 与 之 类 似 的 还 有 GLSL Sandbox Gallery 网 站 。 我 们 相信 ， 在 浏览 
了 这 些 网 站 后 ， 你 会 再 一 次 被 Shader 能 实现 的 效果 所 震撼 。 


20.2 ”世界 那么 大 


我 们 曾 听 到 很 多 声音 ， 抱 怨 Unity Shader 学 习 资料 其 少 ， 尽 管 我 们 
希望 通过 这 本 书 来 改善 这 样 的 情况 ， 但 不 可 否认 的 是 ， 仅 靠 一 本 书 私 
怕 无 法 让 一 个 人 从 技术 “小 日 ”成 长 为 行业 大 牛 。 对 于 泻 染 这 样 率 扯 到 
很 多 复杂 知识 的 领域 来 说 ， 一 本 书 更 是 无 法 详细 地 解释 这 其 中 的 方 方 
面 面 。 实 际 上 ， 网 络 上 有 许多 关于 这 方面 的 英文 资料 ， 我 们 能 够 体会 
许多 英语 能 力 欠 佳 的 开发 者 在 这 方面 的 百 恼 ， 但 如 果 你 永远 不 阅读 英 
文 资 料 ， 那 么 你 将 错过 一 大 片 “森林 ”。 尺 管 有 不 少 英 文 资 料 不 断 被 引 
进 国 内 ， 并 有 了 中 译 版 本 ,但 是 由 于 翻译 质量 问题 等 因素 给 初学 者 市 
来 了 不 少 的 阅读 障碍 。 更 何况 ， 还 有 数 之 不 尽 的 优秀 的 英文 资料 是 仍 
然 没 有 被 引入 的 。 


事实 上 ， 很 多 英文 资料 中 使 用 的 英语 大 多 二 基础 英语 ， 在 一 些 翻 
译 软件 的 帮助 下 ， 阅 读 并 理解 这 些 内 容 并 没有 想象 中 的 那么 困难 。 在 
作者 号 边 也 有 不 少 对 学 习 英 语 十 分 否 恼 的 朋友 ， 在 经 过 一 段 时 间 的 坚 
持 后 ， 他 们 普遍 反映 阅读 英文 书籍 越 来 越 轻 松 。 世 界 那么 大 ， 不 要 让 
语言 成 为 阻碍 你 前 进 的 绊脚石 


最 后 ， 我 们 真心 地 希望 ， 本 书 可 以 为 你 的 Shader 学 习 之 旅 打 开 一 
局 大 []， 证 你 离 制 作 心 目 中 优秀 游戏 的 心愿 更 近 一 步 。 帮 是 如 此 ， 那 
想必 殉 是 我 们 最 大 的 欣慰 了 。 
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A 6.4 广 ， 逐 顶点 漫 反 射 光照 、 逐 像素 漫 反 冉 光 照 和 半 


兰 伯 符 光照 


47.2 方 ， 使 用 法 线 纹理 


和 7.3 节 : 使 用 渐变 纹理 来 控制 漫 反射 光照 


和 8.7.1 节 : 透明 度 测试 的 双 面 泻 染 效果 


和 8.7.2 节 : 透明 度 混合 的 双 面 泻 染 效果 


A 9.4 广 :透明 度 测试 的 正确 阴影 效果 
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A10.2 节 : 使 用 GrabPass 来 实现 玻璃 效果 


全 11.3.1 节 : 使 用 顶点 动画 来 模拟 2D 河 流 


A 11.3.2 节 : 广告 牌 效 果 
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A15.1 记 : 使 用 噪声 纹理 来 实现 消融 效果 
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和 15.2 玫 : 使 用 噪声 纹理 来 实现 水 波 效果 


和 15.3 节 : 使 用 噪声 纹理 来 实现 非 均 匀 雾 效 


和 17.1 节 : 表面 着 色 器 


A18.2 节 : 基于 物理 的 滨 染 


欢迎 来 到 异步 社区 ! 
异步 社区 的 来 历 


异步 社区 (www.epubit.com.cn) 是 人 民 邮 电 出 版 社 旗下 IT 专 业 图 书 旗 
舰 社区 ， 于 2015 年 8 月 上 线 运营 。 


异步 社区 依托 于 人 民 邮 电 出 版 社 20 余 年 的 IT 专业 优质 出 版 资源 和 
编辑 策划 团队 ， 打 造 传统 出 版 与 电子 出 版 和 上 自 出 版 结合 、 纸 质 书 与 电 
子 书 结合 、 传 统 印 刷 与 POD 按 需 印 刷 结合 的 出 版 平台 ， 提 供 最 新 技术 
资讯 ， 为 作者 和 读者 打造 交流 互动 的 平台 。 


试 指 奖 ( 第 5 复 ) ( 第 1 


数 富 科学 实战 手册 


(R+Python ) 


python 游戏 编程 快速 上 


贡 器 学 习 项 目 开 发 实战 


软 按 能 : 代码 之 外 的 生 
存 护 次 


Python 宫 码 学 蝙 得 


过] 


像 计 算 机 科学 家 一 栏 思 
零 Python ( 第 2 版 ) 


科 匡 派 Python 编 程 入 门 
与 实战 ( 第 2 版 ) 


+ 更 多 


近 贡 活动 


异步 社区 成 立 一 导 年 大 型 峙 书 活动 开局 ! 

异步 社区 的 来 历 异步 社区 是 人 民 闻 电 出 版 社 旗下 

IT 专 , 业 图 书 齐 舰 社区 ,于 2015 年 8 请 上 闭 运 

营 ， 异 步 社 区 依托 于 人 民 妆 电 出 版 社 20 祭 年 的 i 

专业 -， 

二 猫 反 缉 志 分 ”2016-08-02 
向 沪 575 推荐 2 收 家 


一 iweb 给 会 北京 站 即将 开启 ,为 HTML5 乱 
! 


每 一 次 振 铝 高 呈 护 对 行业 的 影 啊 ， 每 一 天 无 数 人 
莹 区 业 业 的 勤 高 ，2016 樟 起 ! 未 吧 ，8 月 27 日 
HTML5 妖 会 北京 站 ,我 在 这 里 ,等 你 未 , 为 
HTMLS 妊 绑 ! ... 

加 济 汉 基 专 芭 2015- 


[ 甘 ] Richard Blum 管 乔 汪 , Christine 
Bresnahan 布 柔 岂 纳 写 (作者 ) 陈 说 了 明 
马 立 新 ( 译 老 ) 


社区 里 都 有 什么 ? 
购买 图 书 

我 们 出 版 的 图 书 涵盖 主流 IT 技 术 ， 在 编程 语言 、Web 技 术 、 数 据 
科学 等 领域 有 众多 经 典 畅 销 图 书 。 社 区 现 已 上 线 图 书 1000 余 种 ， 电 子 
书 400 多 种 ， 部 分 新 书 实现 纸 书 、 电 子 书 同步 出 版 。 我 们 还 会 定期 发 布 
新 书 书 讯 。 
下 载 资 源 

社区 内 提供 随 书 附 赠 的 资源 ， 如 书 中 的 案例 或 程序 源 代码 。 


男 外 ， 社 区 还 提供 了 大 量 的 免费 电子 书 ， 只 要 注册 成 为 社区 用 户 
束 可 以 免费 下 载 。 


与 作 译 者 互动 


很 多 图 书 的 作 译 者 已 经 入 竹 社 区 ， 您 可 以 关注 他 们 ， 咨 询 技 术 问 
题 ， 可 以 阅读 不 断 更 新 的 技术 文章 ， 听 作 译 者 和 编辑 畅 聊 好 书 痛 后 有 
趣 的 故事 ， 还 可 以 参与 社区 的 作者 访谈 栏目 ， 向 您 天 注 的 作者 提出 采 
访 题目 。 


灵活 优惠 的 购书 


您 可 以 方便 地 下 香 购 头 纸 质 图 书 或 电子 图 书 ， 纸 质 图 书 直 接 从 人 
民 邮 电 出 版 社 书 库 发 货 ， 电 子 书 提供 多 种 阅读 格式 。 


对 于 重 磅 新 书 ， 社 区 提供 预 售 和 新 书 首发 服务 ， 用 户 可 以 第 一 时 
间 严 到 心仪 的 新 书 。 


用 户 帐户 中 的 积分 可 以 用 于 购书 优惠 。100 积 分 =1 元 ， 购 买 图 书 


时 ,在 里 填 入 可 使 用 的 积 
分 数值 ， 即 可 扣 减 相应 金额 。 

特别 优惠 

购买 本 电子 书 的 读者 专 享 异步 社区 优惠 券 。 使 用 方法 ， 注 册 成 为 社区 用 户 ， 在 下 单 购书 时 输 
入 “57AWG ”， 然 后 点 击 "使 用 优惠 码 *"， 即 可 享受 电子 书 8 折 优 惠 (本 优惠 券 只 可 使 用 

次 ) 。 

纸 电 图 书 组 合 购买 


社区 独家 提供 纸 质 图 书 和 电子 书 组 合 购买 方式 ， 价 格 优惠 ， 一 次 
购买 ， 多 种 阅读 选择 。 


软 技能 : 代码 之 外 的 生存 指南 
的 ] 鸭 坦 Z. 森 梅花 ( John Z. Sonmez ) (作者 ) 王 小 刚 ( 译 者 ) 。” 杨 海 玲 ( 款 任 编辑 ) 
@ 6 Vv 9. OK 


这 是 一 本 真正 从 “人 ”【 而 非 技 术 也 非 管理 ) 的 角度 关注 软件 开发 人 员 自 身 发 展 的 书 。 书 中 论述 的 
内 容 既 涉及 生活 习惯 ， 又 包括 已 维 方 式 ， 上 显 技术 中 “人 ”的 因素 ,全面 讲解 软件 行业 从 业 人 员 所 
需 知 道 的 所 有 “ 软 技能 ”。 

本 书 聚焦 于 软件 开发 人 员 生活 的 方方面面 ， 从 揭秘 画 试 的 流程 到 精耕细作 出 一 份 杀手 级 简历 ， 从 创 
建 大 受 欢 迎 的 博客 到 打造 你 的 个 人 品牌 ， 从 提高 自己 工作 效率 到 与 如 何 与 “拖延 症 ”做 斗争 ， 甚 至 
包括 如 何 投资 不 动产 ， 如 何 关注 自己 的 健康 。 

本 书 共 分 为 职业 简 、 店 我 营销 简 、 学 习 简 、 生 产 力 简 、 理 财 简 、 健 身 简 、 精 神 简 等 七 简 ， 概 括 了 软 
件 行 业 从 业 人 员 所 需 的 “ 软 技 能 ”。 


时 纸 质 版 ” 闻 59.99 着 46.02(7.8 折 ) 


日 电子 版 + 纸 质 版 半 59.00 


社区 里 还 可 以 做 什么 ? 
提交 勘误 


您 可 以 在 图 书页 面 下 方 提 交 勘 误 ， 每 条 勘误 被 确认 后 可 以 获得 100 
积分 。 热 心 勤 误 的 读者 还 有 机 会 参与 书稿 的 审 校 和 翻译 工作 。 


写作 

社区 提供 基于 Markdown 的 写作 环境 ， 喜 欢 写 作 的 您 可 以 在 此 一 试 
身手 ， 在 社区 里 分 译 您 的 技术 心得 和 读书 体会 ， 更 可 以 体验 目 出 版 的 
乐趣 ， 轻 松 实现 出 版 的 梦想 。 


如 采 成 为 社区 认证 作 译 着 ， 还 可 以 重 受 异步 社区 提供 的 作者 专 孚 
等 色 服 务 。 


会 议 活动 早 知道 
您 可 以 掌握 IT 圈 的 技术 会 议 资讯 ， 更 有 机 会 免费 获 赠 大 会 门票 。 


加 入 异步 


扫描 任意 二 维 码 都 能 找到 我 们 : 


微 信服 务 号 


QQ 群 : 368449889 


社区 网 址 : www.epubit.com.cn 

官方 微 信 : 异步 社区 

官方 微 博 : @ 人 邮 异 步 社区 ，@ 人 民 邮 电 出 版 社 -信息 技术 分 社 
投稿 & 咨 询 : contact@epubit.com.cn 


看 完了 

如 果 您 对 本 书 内 容 有 疑问 ， 可 发 邮件 至 contact@Depubit.com.cn， 会 
有 编辑 或 作 译 者 协助 答疑 。 也 可 访问 异步 社区 ， 参 与 本 书 讨论 。 

如 果 是 有 关 电 子 书 的 建议 或 问题 ， 请 联系 专用 客服 邮箱 : 


ebook@epubit.com.cn ° 
在 这 里 可 以 找到 我 们 : 


。 微 博 : @ 人 邮 异 步 社区 
。 QQ 和 群 : 368449889 


